mirror of
https://github.com/hnasheralneam/hnasheralneam.github.io.git
synced 2024-11-06 15:45:54 -05:00
more Things!
This commit is contained in:
parent
fb1ad3aab2
commit
186bd42c14
2 changed files with 16 additions and 9 deletions
|
@ -19,12 +19,12 @@
|
|||
<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>
|
||||
</div>
|
||||
<div class="next">
|
||||
<div class="next" onclick="part2()">
|
||||
<span class="arrow">⟶</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
|
||||
<div class="block" id="vegetable-dash">
|
||||
hi
|
||||
</div>
|
||||
|
||||
|
||||
|
|
19
styles.css
19
styles.css
|
@ -48,22 +48,29 @@ Common Classes
|
|||
}
|
||||
|
||||
.arrow {
|
||||
animation: nudge 5s linear infinite;
|
||||
animation: nudge 3s linear infinite;
|
||||
transition: .2s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
@keyframes nudge {
|
||||
0% {
|
||||
margin-right: 0px;
|
||||
transform: scale(1);
|
||||
}
|
||||
0% {
|
||||
20% {
|
||||
margin-right: -8px;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
0% {
|
||||
40% {
|
||||
margin-right: 0px;
|
||||
}
|
||||
60% {
|
||||
margin-right: -8px;
|
||||
}
|
||||
80% {
|
||||
margin-right: 0px;
|
||||
}
|
||||
100% {
|
||||
margin-right: 0px;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue