mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-27 11:38:28 -04:00
34 lines
786 B
SCSS
34 lines
786 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.
|
|
}
|
|
|
|
// stylelint-disable indentation
|
|
@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); }
|
|
}
|
|
// stylelint-enable indentation
|