Fade In Blur
Fades in as a slight blur clears — good for layer changes.
Preview
Tune parameters
Full code
/* Fade In Blur */
@keyframes fadeInBlur {
from { opacity: 0; filter: blur(10px); }
to { opacity: 1; filter: blur(0); }
}
.fade-in-blur { animation: fadeInBlur .7s ease-out both; }