CSS property: -webkit-animation-fill-mode
Description
Specifies whether the effects of an animation are apparent before the animation starts and after it ends.
By default, an animation starts as soon as the style that describes the animation is applied to an element; however, the -webkit-animation-delay property can delay the start of an animation. Specifying a value of backwards or both for this property overrides the -webkit-animation-delay property and tells the animation to start as soon as the style is applied.
Syntax
-webkit-animation-fill-mode: <mode> [, ...];
Values
- <mode>
The animation's fill mode. Can be
none,forwards,backwards, orboth.none The effects of the animation are apparent only during the defined duration of the animation. forwards The animation’s final keyframe continues to apply after the final iteration of the animation completes. backwards The animation’s initial keyframe is applied as soon as the animation style is applied to an element. This only affects animations that have a nonzero value for -webkit-animation-delay. both The animation’s initial keyframe is applied as soon as the animation style is applied to an element, and the animation’s final keyframe continues to apply after the final iteration of the animation completes. The initial keyframe only affects animations that have a nonzero value for -webkit-animation-delay.