CSS · Properties — CSS Animations

animation-timing-function

The CSS animation-timing-function property. Initial value: ease. Not inherited.

cssRunnable example css course

Syntax

animation-timing-function: <easing-function>#

Example

Try it

.demo { animation-timing-function: ease; }

Media: visual. Applies to: allElementsAndPseudos. Computed value: asSpecified.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.