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-direction

Définissez le sens de votre animation

Création: mai 2012Modifié:

La propriété animation-direction défini le sens dans lequel l’animation est jouée :

  • normal : l’animation va de l’étape 1 à n.
  • reverse : l’animation va de l’étape n à 1. (sens contraire)
  • alternate : l’animation va de l’étape 1 à n les cycles impairs (1,3,5...) et de l’étape n à 1 les cycles pairs (2,4,6...).
  • alternate-reverse : l’animation va de l’étape 1 à n les cycles pairs et de l’étape n à 1 les cycles impairs.

Animation en sens inverse

div{
    -webkit-animation-direction: reverse;
       -moz-animation-direction: reverse;
        -ms-animation-direction: reverse;
         -o-animation-direction: reverse;
            animation-direction: reverse;
}

Voir les Animations CSS

Besoin de cas concrets avec animation-direction?

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.)