The "animation-fill-mode" CSS Property

New in CSS3

This property defines what values are applied by the animation outside the time it is executing. The initial/default value is 'none'.

Values for "animation-fill-mode"
CSS LevelValue
CSS 2.1(invalid)
CSS3<single-animation-fill-mode>#, where <single-animation-fill-mode> is "none", "forwards", "backwards", or "both"

Notes

  • So that animations work in major browsers, be sure to use the "animation-fill-mode" property and the equivalent proprietary properties like "-moz-animation-fill-mode", "-o-animation-fill-mode", and "-webkit-animation-fill-mode" ("-ms-animation-fill-mode" is not needed).

Recommended Links

Search Engine Links (for more information)

Help us improve this page: Suggest a link or noteReport a problem