CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Help: "animation" CSS property

The "animation" CSS Property


This shorthand property is a comma-separated list of animation definitions, with each definition combining multiple animation properties into a single component value.

Values for "animation"
CSS LevelValue
CSS Animations Level 1"<single-animation>#", where <single-animation> = "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"


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

Recommended Links

Search Engine Links (for more information)

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