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-timing-function" CSS property

The "animation-timing-function" CSS Property

This property describes how the animation will progress over the duration of each cycle. The initial/default value is 'ease'.

Values for "animation-timing-function"
CSS LevelValue
CSS Animations Level 1"<easing-function>#", where <easing-function> = "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"


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

Recommended Links

Search Engine Links (for more information)

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