animation-fill-mode

Sets how a CSS animation applies styles to its target element before and after its execution.

Example

Initial value none
Applies to all elements in the page

Syntax

  
animation-fill-mode: forwards;
  

Values

animation-fill-mode does not do anything.
The target element will keep it's computed styles that are defined in the last keyframe step of the animation.
The target element will keep it's computed styles that are defined in the first keyframe step of the animation
The animation will follow the rules for both forwards and backwards, thus extending the animation properties in both directions.

Browser support

animation-fill-mode 1 1 3.5 1 12 3

We use cookies to improve your experience. Learn more in our Privacy policy.

×