Fade In
Element fades from fully transparent to opaque — the most common entrance animation.
Preview
Tune parameters
Full code
/* Fade In */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.fade-in { animation: fadeIn .6s ease-out both; }