mozilla
Vos résultats de recherche

    transition-duration

    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-duration spécifie le nombre de secondes ou millisecondes qu'une animation de transition doit prendre pour se compléter. Par défautl, cette valeur est 0s, c'est à dire qu'aucune animation n'aura lieu.

    Il est possible de définir plusieurs durées ; chaque durée doit correspondre à la propriété définie par la propriété transition-property, qui agit comme une liste maîtresse. S'il y a moins de durées que d'éléments dans cette liste, les valeurs manquantes seront définies à la valeur par défaut (0s). S'il y a plus de durées, la liste des tronquée à la bonne dimension. Dans les deux cas la déclaration CSS reste valide.

    Syntaxe

    Syntaxe formelle : <time>#
    
    transition-duration: 6s
    transition-duration: 120ms
    transition-duration: 1s, 15s
    transition-duration: 10s, 30s, 230ms
    

    Valeurs

    <temps>
    est un <time> décrivant la quantité de temps que prend la transition entre l'ancienne valeur de la propriété et la nouvelle valeur. Une durée de 0s indique qu'aucune transition n'a lieu, c'est-à-dire que le changement se fait instantanément. Une valeur négative rend la déclaration invalide.

    Exemples

    Il y a de nombreux exemple de transitions CSS dans l'article principal sur les 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