-webkit-transition
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.
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é transition
sans préfixe. Seuls les navigateurs basés sur WebKit (Safari), et non Chromium, prennent en charge la caractéristique média -webkit-transition
. Aucun navigateur ne prend en charge transition
sans préfixe comme requête média (certains navigateurs prennent en charge -webkit-transform-3d
). Utilisez plutôt la requête de fonctionnalité @supports (transition)
.
La caractéristique média booléenne non standard CSS -webkit-transition
est une extension WebKit qui vaut true
si le contexte de navigation prend en charge les transitions CSS.
Apple propose une description dans la référence CSS de Safari (angl.) ; cette propriété s'appelle désormais transition
dans la documentation Apple.
Note :
Vous ne devez pas utiliser cette caractéristique média : elle n'a jamais été spécifiée, n'a jamais été largement implémentée et a été supprimée de la plupart des navigateurs. Utilisez plutôt une requête de fonctionnalité @supports
.
Syntaxe
@media (-webkit-transition) {
/* CSS à utiliser si cette caractéristique média et les transitions préfixées sont prises en charge */
}
Exemples
>Utiliser @supports à la place
N'utilisez pas la caractéristique média -webkit-transition
. Testez plutôt la prise en charge des transitions avec la règle @ de CSS @supports
:
@supports (transition: initial) {
/* CSS à utiliser si les transitions sont prises en charge */
}
Exemple obsolète
Avant d'être obsolète, on pouvait utiliser -webkit-transition
dans le CSS comme ceci :
@media (-webkit-transition) {
/* CSS à utiliser si les transitions sont prises en charge */
}
Spécifications
Ne fait partie d'aucun standard.
Compatibilité des navigateurs
Loading…