4 ms·
Did I miss something, or is this everything (for the earth)? .pink-earth { animation: ballGravityEarthPink 3.3s, sceneRotate
by ReleaseCandidat 5y ago
Did I miss something, or is this everything (for the earth)?
.pink-earth {
animation:
ballGravityEarthPink 3.3s,
sceneRotate 30s infinite linear reverse;
animation-fill-mode: forwards;
}
.orange-earth {
animation:
ballGravityEarthOrange 1.36s forwards,
sceneRotate 30s infinite linear reverse;
}
@keyframes ballGravityEarthOrange {
0% { bottom: 4em;}
40% {bottom: 0em;}
55% {bottom: .5em;}
100% {bottom: 0em;}
}
@keyframes ballGravityEarthPink {
0% { bottom: 3.8em;}
94% {bottom: 0em;}
97% {bottom: .005em;}
100% {bottom: 0em;}
}
- tiborsaas 5y agoIt's weird that it's not making use of cubic-bezier animation.