mozilla
Vos résultats de recherche

    transition-delay

    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 : 
    Contributors to this page: teoli, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale