Blur In
From blurred to sharp — nice for images and headings.
Preview
Tune parameters
Full code
/* Blur In */
@keyframes blurIn {
from { opacity: 0; filter: blur(8px); }
to { opacity: 1; filter: blur(0); }
}
.blur-in { animation: blurIn .6s ease-out both; }