transition-delay

par 2 contributeurs :

Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Résumé

La propriété CSS transition-delay spécifie la quantité de temps à attendre entre un changement demandé sur une propriété qui doit subir une transition et le début de l'effet de transition.

Une valeur de 0s, ou 0ms, indique que la propriété devra débuter sa transition dès que sa valeur change ; les valeurs positives retardent le début de la transition de la valeur spécifiée. Les valeurs négatives donnentt l'impression que l'animation apparaît en cours d'effet.

Vous pouvez aussi spécifier des délais multiples ; chaque délai sera appliqué à la propriété correspondante comme spécifié par la propriété transition-property, qui agit comme liste maîtresse. S'il y a moins de délais spécifiés que dans la liste maîtresse, les valeurs manquantes sont fixées à la valeur initiale (0s). S'il y a plus de délais, la liste est simplement coupé à la bonne taille. Dans les deux cas, la déclaration CSS reste valide.

Syntaxe

Syntaxe formelle : <time>#
transition-delay: 3s
transition-delay: 2s, 4ms

Valeurs

<temps>
Est un <time> décrivant la quantité de temps à attendre entre le changement de valeur de la propriété et le début de la transition.

Exemples

Il y a de nombreux exemples de transitions CSS inclues dans l'article Transitions CSS.

Spécifications

Spécification Statut Commentaire
CSS Transitions Working Draft  

Compatibilité des navigateurs

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 -webkit 4.0 (2.0) -moz
16.0 (16.0)
10.0 11.6 -o
12.5 #
3.0 -webkit
Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base 2.1 -webkit 4.0 (2.0) -moz
16.0 (16.0)
? 10.0 -o
12.5 #
3.2 -webkit

Voir également

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, FredB
Dernière mise à jour par : teoli,
Masquer la barre latérale