animation-fill-mode

The animation-fill-mode CSS property defines what values are applied by the animation outside the time it is executing.

animation-fill-mode: value;

object.style.animationFillMode = "value";

<'animation-fill-mode'> = <single-animation-fill-mode>#

<single-animation-fill-mode> = none | forwards | backwards | both

none

The animation has no effect when it is applied but not executing.

forwards

After the animation ends, the animation will apply the property values for the time the animation ended.

backwards

During the period defined by animation-delay, the animation will apply the property values defined in the keyframe that will start the first iteration of the animation.

both

The effects of both forwards and backwards fill apply.

none

animation

animation-delay

animation-direction

animation-duration

animation-iteration-count

animation-name

animation-play-state

animation-timing-function

World Wide Web Consortium (W3C)