Bounce In Scale
Multi-step scale with overshoot for a bouncier landing.
Preview
Tune parameters
Full code
/* Bounce In Scale */
@keyframes bounceInScale {
0% { opacity: 0; transform: scale(.3); }
50% { opacity: 1; transform: scale(1.08); }
70% { transform: scale(.95); }
100% { transform: scale(1); }
}
.bounce-in-scale { animation: bounceInScale .7s cubic-bezier(.34,1.56,.64,1) both; }