Specifies if the animation styles should precede execution during the delay period (backwards) or remain after completion (forwards).
Value
Description
none
Default. The animation will not apply any styles to the element when it's not executing.
forwards
The CSS styles specified in the LAST keyframe will apply to the element AFTER the animation finishes.
backwards
The CSS styles specified in the FIRST keyframe will apply to the element during the DELAY PERIOD before the animation starts. Note, the LAST keyframe will be used instead of the first if animation-direction is set to 'reverse' or 'alternate-reverse'.
both
The animation will follow the rules for both forwards and backwards, thus extending the animation properties in both directions.
Animation Fill Mode
Specifies if the animation styles should precede execution during the delay period (backwards) or remain after completion (forwards).
Themeover CSS Reference
Online CSS References: Animation Fill Mode
Online CSS Tutorials: Animation