css.properties

animation-timing-function

The animation-timing-function property specifies the speed curve of an animation.

Formal Syntax

animation-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.animationTimingFunction = "ease";

Browser Support

standard | MDN ยท Spec

FeatureChromeFirefoxSafariEdge
animation-timing-function4316912
ease35412
ease-in35412
ease-in-out35412
ease-out35412
jump77651479
linear35412
step-end35412
step-start35412

Related Properties