HTML and CSS Reference
In-Depth Information
Name
animation-timing-function
Values:
<timing-function> [, < timing-function >]*
Expansions:
<timing-function>
ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier (<number> , <number> ,
<number> , <number>)
Initial value:
ease
Applies to:
Block-level and inline-level elements
Inherited:
No
Computed value:
Same as declared value
Description:
Defines how an animation is run over the course of an animation's full cycle or within an in-
dividual keyframe, depending on where the property is used. The keywords are all defined
to have cubic-bezier() equivalents; for example, linear is equivalent to cubic-bezi-
er(0,0,1,1) . They should therefore have consistent effects across user agents, though, as al-
ways, authors are cautioned to avoid dependency on consistency.
Examples:
h1 {animation-timing-function:
ease, ease-in, cubic-bezier(0.13,0.42,0.67,0.75)}
p {animation-timing-function: linear;}
Search WWH ::




Custom Search