Caractéristique média CSS -webkit-animation
Obsolète
Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.
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.
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
Exemples
Exemple d'utilisation de -webkit-animation
@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
- La caractéristique média
-webkit-transform-2d - La caractéristique média
-webkit-transform-3d - La caractéristique média
-webkit-transition - La propriété
animationet utiliser les animations CSS - La règle
@mediaet utiliser les requêtes média - La règle
@supportset utiliser les requêtes de fonctionnalité