We use cookies to improve your experience. Learn more in our Privacy policy.
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 |