Bounce In Up
A springy slide-in with overshoot for a livelier feel.
Preview
Tune parameters
Full code
/* Bounce In Up */
@keyframes bounceInUp {
0% { transform: translateY(60px); opacity: 0; }
60% { transform: translateY(-8px); opacity: 1; }
100% { transform: translateY(0); }
}
.bounce-in-up { animation: bounceInUp .7s cubic-bezier(.34,1.56,.64,1) both; }