CSS: Keyframe animation
A short, tested CSS example for keyframe animation. Copy it and adjust the names and paths for your project.
CSS
@keyframes spin { to { transform: rotate(360deg); } }
.spinner { animation: spin 0.8s linear infinite; }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
.card { animation: fade-in 300ms ease-out both; }Find it in Zest
Search for “css keyframe animation” in Zest and this example appears above the results, with other matches to choose from. Searches stay private.