Animatable CSS properties

A CSS property is animatable if its value can be made to change over a given amount of time. Certain CSS properties can be animated using CSS Animations or CSS Transitions. CSS properties that define animation parameters such as animation-direction and animation-name are not animatable because animating them would create complex recursive behavior.

Note: To check whether or not a CSS property can be animated, see the "Formal definition" section on the property's page on MDN Web Docs. For example, check out the "Animation type" field in the "Formal definition" section for padding-bottom and animation-direction.

The following CSS properties are animatable: