mozilla
Vos résultats de recherche

    animation-name

    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-name spécifie une liste d'animations qui doivent être appliquées à l'élément sélectionné. Chacun des noms indique une règle @keyframes qui définie les valeurs des propriétés pour la séquence animée.

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

    Syntaxe

    Syntaxe formelle : <single-animation-name>#
    animation-name: none
    animation-name: test_05
    animation-name: -specific
    animation-name: sliding-vertically
    
    animation-name: test1
    animation-name: test1, animation4
    animation-name: none, -moz-specific, sliding
    

    Valeurs

    none
    Est un mot-clé spécial n'indiquant aucune keyframe. Il peut être utilisé pour désactiver une animation sans modifier l'ordre des autres identifiants, ou pour désactiver des animations provenant de la cascade.
    IDENT
    Une chaîne de caractères identifiant l'animation. Cet identifiant peut être composé d'une combinaison sensible à la casse de lettres allant de a à z, de chiffres de 0 à 9, de tirets bas (_), et de tirets (-). Le premier caractères qui n'est pas un tiret doit être une lettre (c'est-à-dire, pas de nombre pour débuter un identifiant, même précédé d'un tiret). De même, deux tirets consécutifs sont interdits pour débuter un identifiant.

    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 (Oui)-webkit 5.0 (5.0)-moz 10 -ms ? 4.0-webkit
    Fonction Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support de base ? ? ? ? ?

    Voir également

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, tregagnon, FredB
    Dernière mise à jour par : teoli,
    Masquer la barre latérale