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