Démos

Toutes les démos

<>

Couverture du livre CSS3 Le design web moderne

Livre CSS3

Le design web moderne

Plus d'infos sur le site officiel

En vente sur Amazon, FNAC, Dunod

Suivre

Actualités du site CSS3Create

Actualités sur CSS et le web en général

Propriété: animation-fill-mode

Contrôler vos éléments avant et après l’animation

Création: mai 2012Modifié:

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 de backwards et forwards.
  • 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

Besoin de cas concrets avec animation-fill-mode?

Un p'tit mot...

Aucun message actuellement. Soyez le premier!


modération à priori

Ce forum est modéré à priori : votre contribution n'apparaîtra qu'après avoir été validée par un administrateur du site.

Un message, un commentaire ?
    Qui êtes-vous ? (optionnel)
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)