1. Web
  2. CSS
  3. Référence
  4. Règles @
  5. @media
  6. -webkit-transition

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

Caractéristique média CSS -webkit-transition

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é 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é définie, 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

css
@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 :

css
@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 :

css
@media (-webkit-transition) {
  /* CSS à utiliser si les transitions sont prises en charge */
}

Spécifications

Ne fait partie d'aucun standard.

Compatibilité des navigateurs

Voir aussi

Aider à améliorer MDN

Apprendre à contribuer

Cette page a été modifiée le par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu