Pop In
Quick scale with a slight overshoot for a popping feel.
Preview
Tune parameters
Full code
/* Pop In */
@keyframes popIn {
0% { opacity: 0; transform: scale(.6); }
70% { opacity: 1; transform: scale(1.06); }
100% { transform: scale(1); }
}
.pop-in { animation: popIn .4s cubic-bezier(.34,1.56,.64,1) both; }