Syntax

Values

none

The animation will not apply any styles to the target before or after it is executing.

forwards

The target will retain the computed values set by the last keyframe encountered during execution. This is usually the 100% or tokeyframe, unless {{ cssxref("animation-direction") }} is alternate and {{ cssxref("animation-iteration-count") }} is set to an even number, in which case it is the 0% or fromkeyframe.

backwards

The animation will apply the values defined in the 0% or fromkeyframe as soon as it is applied to the target, and retain this during the {{ cssxref("animation-delay") }} period.

both

The animation will follow the rules for both forwards and backwards, thus extending the animation properties in both directions.