more Things!

This commit is contained in:
Squirrel-314 2021-01-13 19:13:19 -05:00
parent fb1ad3aab2
commit 186bd42c14
2 changed files with 16 additions and 9 deletions

View file

@ -19,12 +19,12 @@
<br><br> <br><br>
<p class="about-me">I am not a web developer, but I do spend a lot time programming. I like CSS transitions and I think everyone should use them. I know HTML, CSS, JavaScript, and Electron, and am currently in the process of learing React and Node. Linux is my faviorite OS (I use Kubuntu, looking into Deepin). You can see my GitHub account <a href="https://github.com/Squirrel-314">here</a>, and check out all the organizations I am in alone. Like my repositories? Please put up issues for any mistakes, and if you have a suggestion, also make an issue. No, I didn't mean it that way, it's just eaisier for me to see.</p> <p class="about-me">I am not a web developer, but I do spend a lot time programming. I like CSS transitions and I think everyone should use them. I know HTML, CSS, JavaScript, and Electron, and am currently in the process of learing React and Node. Linux is my faviorite OS (I use Kubuntu, looking into Deepin). You can see my GitHub account <a href="https://github.com/Squirrel-314">here</a>, and check out all the organizations I am in alone. Like my repositories? Please put up issues for any mistakes, and if you have a suggestion, also make an issue. No, I didn't mean it that way, it's just eaisier for me to see.</p>
</div> </div>
<div class="next"> <div class="next" onclick="part2()">
<span class="arrow">&#10230;</span> <span class="arrow">&#10230;</span>
</div> </div>
</div> </div>
<div class="block"> <div class="block" id="vegetable-dash">
hi
</div> </div>

View file

@ -48,22 +48,29 @@ Common Classes
} }
.arrow { .arrow {
animation: nudge 5s linear infinite; animation: nudge 3s linear infinite;
transition: .2s; transition: .2s;
transform: scale(1);
} }
@keyframes nudge { @keyframes nudge {
0% { 0% {
margin-right: 0px; margin-right: 0px;
transform: scale(1);
} }
0% { 20% {
margin-right: -8px; margin-right: -8px;
transform: scale(1.2);
} }
0% { 40% {
margin-right: 0px;
}
60% {
margin-right: -8px;
}
80% {
margin-right: 0px;
}
100% {
margin-right: 0px; margin-right: 0px;
transform: scale(1);
} }
} }