Fade In Left
Slides in from the left while fading — suits sidebars and drawers.
Preview
Tune parameters
Full code
/* Fade In Left */
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-24px); }
to { opacity: 1; transform: translateX(0); }
}
.fade-in-left { animation: fadeInLeft .6s cubic-bezier(.22,.61,.36,1) both; }