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 {
display: inline-block;
animation: wave 2.5s infinite;
animation: wave 5s infinite;
transform-origin: 70% 70%;
}
.beat {
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 {
0% {
transform: rotate(0deg);
}
5% {
transform: rotate(-10deg);
}
10% {
transform: rotate(12deg);
}
15% {
transform: rotate(-10deg);
}
20% {
transform: rotate(12deg);
}
30% {
transform: rotate(-10deg);
}
40% {
transform: rotate(9deg);
}
50% {
25% {
transform: rotate(0deg);
}
100% {
@ -39,18 +39,19 @@
0% {
transform: scale(1);
}
10% {
1% {
transform: scale(1.25);
}
20% {
2% {
transform: scale(1);
}
30% {
3% {
transform: scale(1.25);
}
40% {
4% {
transform: scale(1);
}
// pause for ~19 out of 20 seconds
100% {
transform: scale(1);
}

View File

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