Animations

CSS animations allow animating elements using keyframes.

Snippet:

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } div { animation: fadeIn 1s ease-in-out; }

Example:

@keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }