La propriété animation-fill-mode
permet de spécifier l’état des éléments animés avant le début ou après la fin de l’animation.
Les mots-clés sont les suivants :
-
backwards
: les éléments sont dans l’état de la première étape de l’animation avant le début de celle-ci. -
forwards
: les éléments sont dans l’état de la dernière étape de l’animation après la fin de celle-ci. -
both
: combinaison debackwards
etforwards
. -
none
: par défaut. Les éléments ne sont modifiés que pendant l’animation. Ils peuvent avoir un aspect visuel différent avant et après la fin de celle-ci.
div{
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
Voir les Animations CSS