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:
parent
e76acbe657
commit
94edf83771
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user