Basics (OLD / Most Used)
animation-iteration-count Click for details
animation-direction Click for details
animation-fill-mode Click for details
animation-play-state Click for details
INTERMEDIATE / ADVANCED
animation-timing-function Click for details
steps() Click for details
Multiple animations Click for details
transform + animation Click for details
3D transforms (rotateX, rotateY, perspective) Click for details
filter + animation Click for details
clip-path + animation Click for details
backdrop-filter + animation Click for details
will-change Click for details
LESS COMMON BUT POWERFUL
mix-blend-mode + animation Click for details
Motion path (offset-path) Click for details
Scroll-snap + animation Click for details
Shape-outside + animation Click for details
FUTURE / EXPERIMENTAL (2023–2025)
Scroll-driven animations Click for details
CSS Anchor Positioning Click for details
CSS Houdini Animation Worklets Click for details
CSS Motion Path Level 2 Click for details
Color Level 4/5 animations Click for details
×
Tag Name
History & Modern Use
Example Code (Editable)