--- title: '-webkit-transform-3d' slug: Web/CSS/@media/-webkit-transform-3d tags: - CSS - Caractéristique média - Non-standard - Reference translation_of: Web/CSS/@media/-webkit-transform-3d ---
{{CSSRef}}{{Non-standard_header}}

-webkit-transform-3d est une caractéristique média booléenne non-standard qui indique si les transformations CSS en 3D (cf. {{cssxref("transform")}}) préfixées sont prises en charge par le navigateur.

Note : Cette caractéristique est uniquement prise en charge par WebKit et Blink. Une méthode alternative standard consiste à utiliser {{cssxref("@supports")}} à la place.

Exmple

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

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

Spécifications

Spécification État Commentaires
{{SpecName('Compat', '#css-media-queries-webkit-transform-3d', '-webkit-transform-3d')}} {{Spec2('Compat')}} Définition initiale dans un standard.
Safari CSS Reference media query extensions in that document. Documentation non-officielle, non-standard. Documentation initiale.

Compatibilité des navigateurs

{{Compat("css.at-rules.media.-webkit-transform-3d")}}

Voir aussi