Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

-webkit-animation

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

Obsolète: Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.

Note : Tous les navigateurs prennent en charge la propriété animation sans préfixe. Seuls les navigateurs basés sur WebKit (Safari), et non Chromium, prennent en charge la caractéristique média -webkit-animation. Aucun navigateur ne prend en charge animation sans préfixe comme requête média. Utilisez plutôt la requête de fonctionnalité @supports (animation).

La caractéristique média booléenne CSS -webkit-animation est une extension WebKit qui vaut true si les animations CSS animation préfixées sont prises en charge.

Apple propose une description dans la référence CSS de Safari (angl.).

Note : Cette caractéristique média n'est prise en charge que par WebKit. Si possible, utilisez plutôt une requête de fonctionnalité @supports.

Syntaxe

La caractéristique média -webkit-animation est un booléen qui vaut true si les propriétés d'animation CSS préfixées sont prises en charge et si le navigateur prend en charge les requêtes média sur les propriétés préfixées.

Valeurs

true

Le navigateur prend en charge les animations CSS animation préfixées -webkit.

false

Le navigateur ne prend pas en charge ces animations CSS préfixées.

Exemples

Exemple d'utilisation de -webkit-animation

css
@media (-webkit-animation) {
  /* CSS à utiliser si les animations préfixées -webkit sont prises en charge ET que le navigateur prend en charge les propriétés préfixées en requête média */
}

Spécifications

Ne fait partie d'aucun standard.

Compatibilité des navigateurs

Voir aussi