Section courante

A propos

Section administrative du site

transition

Transition
CSS3  

Syntaxe

transition: property duration timing-function delay|inherit|initial;

Paramètres

Paramètre Description
property Ce paramètre permet d'indiquer le nom de la propriété CSS d'effet de transition :
Valeur Description
property Cet attribut permet d'indiquer une liste, séparé par des virgules, de noms de propriétés CSS d'effet de transition.
all Cet attribut permet d'indiquer toutes les propriétés d'effet de transition. C'est la valeur par défaut.
inherit Cet attribut permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Cet attribut permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
none Cet attribut permet d'indiquer aucune propriété d'effet de transition.
duration Ce paramètre permet d'indiquer combien de secondes ou millisecondes un effet de transition prend pour être complété :
Valeur Description
temps Cet attribut permet d'indiquer le nombre de secondes ou de millisecondes que doit durée l'effet de transition avant d'être complété. La valeur par défaut est 0.
inherit Cet attribut permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Cet attribut permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
timing-function Ce paramètre permet de fixer la vitesse de la courbe dans un effet de transition :
Valeur Description
cubic-bezier(n,n,n,n) Cet attribut permet de définir manuellement la fonction cubique-Bézier. Les valeurs possibles sont des valeurs entre 0 et 1.
ease Cet attribut permet d'indiquer que l'effet de transition démarre lentement, accélère, et ralentis à la fin. C'est la valeur par défaut.
ease-in Cet attribut permet d'indiquer que l'effet de transition est lent au début.
ease-in-out Cet attribut permet d'indiquer que l'effet de transition est lente au début et à la fin.
ease-out Cet attribut permet d'indiquer que l'effet de transition est lent à la fin.
inherit Cet attribut permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Cet attribut permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
linear Cet attribut permet d'indiquer que l'effet de transition a la même vitesse au début et à la fin.
delay Ce paramètre permet d'indiquer quand l'effet de transition doit commencé :
Valeur Description
temps Cet attribut permet d'indiquer le nombre de secondes ou de millisecondes à attendre avant que l'effet de transition commence.
inherit Cet attribut permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Cet attribut permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.
inherit Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent.
initial Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété.

Description

Cette propriété permet de définir toutes les effets d'une transition.



Dernière mise à jour : Vendredi, le 1er janvier 2016