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-transform-3d

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨septembre 2016⁩.

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

Note : Cette caractéristique média est actuellement prise en charge par la plupart des navigateurs. Si possible, utilisez plutôt une requête de fonctionnalité @supports.

Syntaxe

-webkit-transform-3d est une caractéristique média booléenne de CSS qui vaut true si le navigateur prend en charge les transformations CSS 3D transform préfixées -webkit.

Valeurs

true

Le navigateur prend en charge les transformations CSS 3D préfixées -webkit et les requêtes média préfixées non standard.

false

Les transformations CSS 3D préfixées -webkit ne sont pas prises en charge par le navigateur.

Exemples

Exemples de requêtes média avec -webkit-transform-3d

css
@media (-webkit-transform-3d) {
  .foo {
    transform-style: preserve-3d;
  }
}

Une meilleure méthode pour vérifier la prise en charge par le navigateur consiste à utiliser une requête de fonctionnalité :

css
@supports (transform-style) {
  .foo {
    transform-style: preserve-3d;
  }
}

Spécifications

Specification
Compatibility
# css-media-queries-webkit-transform-3d

Compatibilité des navigateurs

Voir aussi