CSS Animatable

Definition and Usage

Browser Support

Example

Animate the background - color from red to blue:

{
from {background-color: red;}
to {background-color: blue;}
}

Animatable Properties

Property aspect-ratio

Try it background

Try it background-color

Try it background-position

Try it background-position-x

Try it background-position-y

Try it background-size

Try it block-size

Try it border

Try it border-bottom

Try it border-bottom-color

Try it border-end-end-radius

Try it border-end-start-radius

Try it border-block

Try it border-block-color

Try it border-block-end-color

Try it border-block-end-width

Try it border-block-start-color

Try it border-block-start-width

Try it border-block-width