-webkit-transition

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Obsolète
Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.

-webkit-transition est une caractéristique média booléenne non-standard qui permet d'indiquer si les transitions CSS (transition) sont prises en charge dans leurs versions préfixées.

Note : Cette caractéristique est uniquement prise en charge par les navigateurs basés sur WebKit. L'alternative standard correspondante consiste à utiliser @supports.

Privilégier @supports

S'il vous faut déterminer si les transitions CSS sont prises en charges, évitez d'utiliser -webkit-transition. En lieu et place, on utilisera la règle @ @supports :

@supports(transition: initial) {
  /* Les règles CSS à utiliser si   */
  /* les transitions sont prises en */
  /* charge. */
}

Spécifications

Cette caractéristique média est une caractéristique média propriétaire liée à WebKit/Blink. Elle ne fait partie d'aucune spécification. Elle est décrite plus en détails dans la référence CSS Apple pour Safari (en anglais).

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
-webkit-transition media feature
ObsolèteNon-standard
Chrome Aucun support 2 — 36Edge Aucun support NonFirefox Aucun support NonIE Aucun support NonOpera Aucun support ? — 23Safari Support complet 4WebView Android Aucun support ≤37 — ≤37Chrome Android Aucun support 18 — 36Firefox Android Aucun support NonOpera Android Aucun support ? — 24Safari iOS Support complet 3.2Samsung Internet Android Aucun support 1.0 — 3.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.

Voir aussi