Slide In Blur
Slides in with directional blur, mimicking motion streaks.
Preview
Tune parameters
Full code
/* Slide In Blur */
@keyframes slideInBlur {
from { opacity: 0; transform: translateX(-48px); filter: blur(6px); }
to { opacity: 1; transform: translateX(0); filter: blur(0); }
}
.slide-in-blur { animation: slideInBlur .55s cubic-bezier(.22,.61,.36,1) both; }