The "animation-fill-mode" CSS Property

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 Level	Value
CSS Animations Level 1	"<single-animation-fill-mode>#", where <single-animation-fill-mode> = "none | forwards | backwards | 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

• CanIUse.com: Search "animation-fill-mode" (browser compatibility information)
• CanIEmail.com: Search "animation-fill-mode" (email client compatibility information)
• SitePoint: Build Awesome Apps with CSS3 Animations
• CSS Animations 1: animation-fill-mode property
• MDN: animation-fill-mode property
• Quackit: animation-fill-mode property

Search Engine Links (for more information)

• Bing "CSS animation-fill-mode property"
• Google "CSS animation-fill-mode property"