CSS animation-fill-mode Property

The animation-fill-mode property is used to specify that values which are applied by the animation before and after it is executing. Before playing the first keyframe or after playing the last keyframe CSS animations do not affect the element. The animation-fill-mode property can override this behavior.

CSS Syntax

animation-fill-mode: none|forwards|backwards|both|initial|inherit;

The CSS animation-fill-mode property allows you to define what values are applied by the animation outside the time it is executing. This can be before the animation has been applied, or after it has finished running.

Property Value: The animation-fill-mode property contains many value which are listed below:

Example -