CSS3 animation-fill-mode Property
Animate something moving starting with one spot then onto the next and have it stay there:
- webkit-movement fill-mode: backwards|;/* Chrome, Safari, Opera */
movement fill-mode: backwards|;
Definition and Usage
The movement fill-mode property determines a style for the component when the activity is not playing (when it is done, or when it has a delay).
By default, CSS livelinesss don't influence the component until the first keyframe is "played", and after that stops once the last keyframe has finished. The liveliness fill-mode property can abrogate this conduct.
The numbers in the table determine the primary program form that completely underpins the property.
Numbers pursued by - webkit-, - moz-, or - o-determine the main form that worked with a prefix.
|animation-fill-mode||4.0 - webkit-||12.0||10.0||16.0
5.0 - moz-
|4.0 - webkit-||15.0 - webkit-
12.0 - o-
|none||Default esteem. The activity won't have any significant bearing any styles to the objective component previously or after it is executing|
|backwards|||After the movement closes (controlled by activity emphasis tally), the activity will apply the property estimations for the time the liveliness ended|
|backwards||The activity will apply the property estimations characterized in the keyframe that will begin the principal emphasis of the liveliness, amid the period characterized by activity delay. These are either the estimations of the from keyframe (at the point when movement course is "normal" or "alternate") or those of the to keyframe (when movement course is "reverse" or "alternate-reverse")|
|both||The movement will pursue the principles for both backwards| and in reverse. That is, it will expand the activity properties in the two bearings|
|initial||Sets this property to its default esteem. initial|
|inherit||Inherits this property from its parent component. inherit|