Fade In Up
Fades in while moving up slightly — common for card lists.
Preview
Tune parameters
Full code
/* Fade In Up */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in-up { animation: fadeInUp .6s cubic-bezier(.22,.61,.36,1) both; }