The "transition-timing-function" CSS Property

New in CSS3

This property sets how the intermediate values used during a transition will be calculated, thus allowing a transition to change speed over its duration.

Values for "transition-timing-function"
CSS LevelValue
CSS 2.1(invalid)
CSS3<single-transition-timing-function>#, where <single-transition-timing-function> is "ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<integer>[, [ start | end ] ]?) | cubic-bezier(<number>, <number>, <number>, <number>)"

Notes

  • So that transitions work in major browsers, be sure to use the "transition-timing-function" property and the equivalent proprietary properties like "-moz-transition-timing-function", "-ms-transition-timing-function", "-o-transition-timing-function", and "-webkit-transition-timing-function".

Recommended Links

Search Engine Links (for more information)

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