mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-28 11:10:28 -04:00
Jake Jarvis
323b3dd9f6
* prettier init
* prettier ignore
* run on everything 😬
* add prettier check script
* update deps
* Update .prettierignore
58 lines
789 B
SCSS
58 lines
789 B
SCSS
@charset "UTF-8";
|
|
|
|
.wave {
|
|
display: inline-block;
|
|
animation: wave 2.5s infinite;
|
|
transform-origin: 70% 70%;
|
|
}
|
|
|
|
.beat {
|
|
display: inline-block;
|
|
animation: beat 2s infinite; // 30 bpm, call 911 if you see this please.
|
|
}
|
|
|
|
@keyframes wave {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
10% {
|
|
transform: rotate(-10deg);
|
|
}
|
|
20% {
|
|
transform: rotate(12deg);
|
|
}
|
|
30% {
|
|
transform: rotate(-10deg);
|
|
}
|
|
40% {
|
|
transform: rotate(9deg);
|
|
}
|
|
50% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes beat {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
10% {
|
|
transform: scale(1.25);
|
|
}
|
|
20% {
|
|
transform: scale(1);
|
|
}
|
|
30% {
|
|
transform: scale(1.25);
|
|
}
|
|
40% {
|
|
transform: scale(1);
|
|
}
|
|
100% {
|
|
transform: scale(1);
|
|
}
|
|
}
|