1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 18:30:30 -04:00

dial back the animation overload a tad...

This commit is contained in:
Jake Jarvis 2020-06-01 14:48:31 -04:00
parent e76acbe657
commit 94edf83771
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
2 changed files with 18 additions and 18 deletions

View File

@ -2,32 +2,32 @@
.wave { .wave {
display: inline-block; display: inline-block;
animation: wave 2.5s infinite; animation: wave 5s infinite;
transform-origin: 70% 70%; transform-origin: 70% 70%;
} }
.beat { .beat {
display: inline-block; display: inline-block;
animation: beat 2s infinite; // 30 bpm, call 911 if you see this please. animation: beat 20s infinite; // 3 bpm, call 911 if you see this please.
} }
@keyframes wave { @keyframes wave {
0% { 0% {
transform: rotate(0deg); transform: rotate(0deg);
} }
5% {
transform: rotate(-10deg);
}
10% { 10% {
transform: rotate(12deg);
}
15% {
transform: rotate(-10deg); transform: rotate(-10deg);
} }
20% { 20% {
transform: rotate(12deg);
}
30% {
transform: rotate(-10deg);
}
40% {
transform: rotate(9deg); transform: rotate(9deg);
} }
50% { 25% {
transform: rotate(0deg); transform: rotate(0deg);
} }
100% { 100% {
@ -39,18 +39,19 @@
0% { 0% {
transform: scale(1); transform: scale(1);
} }
10% { 1% {
transform: scale(1.25); transform: scale(1.25);
} }
20% { 2% {
transform: scale(1); transform: scale(1);
} }
30% { 3% {
transform: scale(1.25); transform: scale(1.25);
} }
40% { 4% {
transform: scale(1); transform: scale(1);
} }
// pause for ~19 out of 20 seconds
100% { 100% {
transform: scale(1); transform: scale(1);
} }

View File

@ -7,7 +7,8 @@ div#content {
h1, h1,
h2, h2,
h3 { h3,
h4 {
margin-top: 1.25em; margin-top: 1.25em;
margin-bottom: 0.5em; margin-bottom: 0.5em;
letter-spacing: 0.001em; letter-spacing: 0.001em;
@ -23,10 +24,8 @@ div#content {
} }
} }
p { p.center {
&.center { text-align: center;
text-align: center;
}
} }
p.image, p.image,