HTML and CSS Reference
In-Depth Information
Name
transition-timing-function
Values:
<transition-timing> [, <transition-timing>]*
Expansions:
<transition-timing>
ease
|
linear
|
ease-in
|
ease-out
|
ease-in-out
|
cubic-bezier(
<number>
,
<number>
,
<number>
,
<number>
)
Initial value:
ease
Applies to:
All elements plus the
::before
and
::after
pseudo-elements
Inherited:
No
Computed value:
Same as declared value
Description:
Defines the way in which intermediate states of a transition are calculated. The value
keywords (
ease
,
linear
, etc.) are shorthands for specific
cubic-bezier()
values defined in
the specification, so in effect all values of this property are
cubic-bezier()
values.
Examples:
a[href]:hover {transition-timing-function: ease-in-out;}
h1 {transition-timing-function: linear;}