css.properties

transition-timing-function

The transition-timing-function property specifies the speed curve of a transition.

Formal Syntax

transition-timing-function = <easing-function># <easing-function> = <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>

See specification

JavaScript Access

// Access via element.style element.style.transitionTimingFunction = "ease";

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
transition-timing-function2616912
ease143.112
ease-in143.112
ease-in-out143.112
ease-out143.112
jump77651479
linear143.112
step-end143.112
step-start143.112

Related Properties