-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 September 2016.

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.

-webkit-transform-3d est une caractéristique média booléenne non-standard qui indique si les transformations CSS en 3D (cf. 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 @supports à la place.

Exmple

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

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

Spécifications

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

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
-webkit-transform-3d media feature

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Voir aussi