What is CSS animations?

CSS animations interpolate property values over time using an @keyframes rule and the animation properties, without requiring JavaScript.

Also written as CSS animation

3 tools that work with CSS animations

Files never leave your browser.

CSS Generators3

CSS Animation GeneratorGenerate keyframe animations — fade, slide, bounce, pulse, spin and shake.CSS Loader GeneratorBuild a spinner, dots, bars or a pulse from pure CSS and copy the keyframes.Cubic Bezier Easing GeneratorBuild custom CSS easing curves and see the motion they produce.

Related terms

Terms that appear alongside CSS animations on the same tools.

← All glossary terms Browse every tool →