The "transition-timing-function" CSS Property

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 Level	Value
CSS Transitions	"<easing-function>#", where <easing-function> = "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"

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

• CanIUse.com: Search "transition-timing-function" (browser compatibility information)
• CanIEmail.com: Search "transition-timing-function" (email client compatibility information)
• CSS3: transition-timing-function property
• MDN: transition-timing-function property
• Quackit: transition-timing-function property

Search Engine Links (for more information)

• Bing "CSS transition-timing-function property"
• Google "CSS transition-timing-function property"