Syntax

animation-timing-function

Setting speed curve of the animation.

Class	Declarations
@easing:`function`,`…`	animation-timing-function: `function`,`…`;
`@easing:ease`	`animation-timing-function: ease;`
`@easing:ease-in`	`animation-timing-function: ease-in;`
`@easing:ease-out`	`animation-timing-function: ease-out;`
`@easing:linear`	`animation-timing-function: linear;`
`@easing:step-start`	`animation-timing-function: step-start;`
`@easing:step-end`	`animation-timing-function: step-end;`

Apply styles based on different states using selectors and conditional queries.

<div class="@easing:ease:hover @easing:ease@sm @easing:ease@dark @easing:ease@print">…</div>

Setting whether an animation is running or paused.

Controlling the native appearance of UI controls.

Overview