mozilla
Vos résultats de recherche

    animation-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 animation-duration précise la durée que l'animation doit utiliser pour compléter un cycle.

    Une valeur de 0, qui est la valeur par défaut, indique qu'aucune animation ne doit survenir.

    Il est souvent utile d'utiliser la propriété raccourcie animation afin de définir toutes les propriétés en une seule fois.

    Syntaxe

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

    Valeurs

    <time>
    La durée pour qu'une animation réalise un cycle. Elle peut être définie en seconde (en spécifiant « s » comme unité) ou en millisecondes (en spécifiant « ms » comme unité). Si aucune unité n'est définie, l'utilisation des secondes est supposée.
    Note : les valeurs négatives ne sont pas valides, impliquant que la déclaration soit ignorée. À noter que certaines implémentations précoces et préfixées peuvent les considérer comme de la même manière que 0s.

    Exemples

    Voir Animations CSS pour des exemples.

    Spécifications

    Spécification Statut Commentaire
    CSS Animations Working Draft  

    Compatibilité des navigateurs

    Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support de base 3.0-webkit 5.0 (5.0)-moz16.0 (16.0) 10 12-o
    12.10 #
    4.0-webkit
    Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support de base 2.0-webkit 5.0 (5.0)-moz16.0 (16.0) Pas de support Pas de support 4.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