CSSTransitions


Syntaxe

  • transition: [propriété de transition] [durée de transition] [fonction de synchronisation de transition] [délai de transition];

Paramètres

Paramètre Détails
propriété de transition La propriété CSS spécifique dont la valeur doit être modifiée (ou) all , si toutes les propriétés de transition doivent être transférées.
durée de transition La durée (ou la période) en secondes ( s ) ou millisecondes ( ms ) sur laquelle la transition doit avoir lieu.
fonction de transition-timing Une fonction qui décrit comment les valeurs intermédiaires pendant la transition sont calculées. Les valeurs couramment utilisées sont la ease , la ease-in , la ease-out , la ease-in-out , la linear , le cubic-bezier() , les steps() . Vous trouverez plus d'informations sur les différentes fonctions de synchronisation dans les spécifications du W3C .
retard de transition La quantité de temps qui doit s’être écoulée avant que la transition ne puisse commencer. Peut être spécifié en secondes ( s ) ou millisecondes ( ms )

Remarques

Certains anciens navigateurs ne prennent en charge que les propriétés de transition préfixées par le fournisseur :

  • -webkit : Chrome 25-, Safari 6-, Safari et Chrome pour iOS 6.1-, Android 4.3- Navigateur, Blackberry Browser 7-, UC Browser 9.9- pour Android.
  • -moz : Firefox 15-.
  • -o : Opera 11.5-, Opera Mobile 12-.

Exemple:

-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;

Transitions Exemples Liés