CSS Property: animation-fill-mode
[this page | pdf | back links]
The CSS (CSS3) animation-fill-mode property specifies
the style (for an element involved in an animation) that the element takes when
the animation is not playing (i.e. when it is finished, or when it has a delay)
defines how many seconds an animation should take to complete one cycle,
defined in seconds (s) or milliseconds (ms).
Valid property values
(other than inherit
and initial) are:
|
Value
|
Description
|
|
backwards
|
Before start (i.e.
during any delay) will apply property values applicable at the start of the
time the animation is running
|
|
both
|
Will follow both the
forwards and backwards rules
|
|
forwards
|
After animation is
ended will apply property values applicable at the end of the time the animation
is running
|
|
none
|
(default value). Will
not apply any styles before or after animation is executing
|
|
Default Value:
|
none
|
|
JavaScript syntax:
|
e.g. object.style.animationFillMode = "forwards";
|
|
Inherited:
|
No
|
|
Animatable:
|
No
|
NAVIGATION LINKS
Contents | Prev | Next | CSS Properties