Fade In Scale
Fades in while growing from 92% — more punch than a plain fade.
Preview
Tune parameters
Full code
/* Fade In Scale */
@keyframes fadeInScale {
from { opacity: 0; transform: scale(.92); }
to { opacity: 1; transform: scale(1); }
}
.fade-in-scale { animation: fadeInScale .5s cubic-bezier(.22,.61,.36,1) both; }