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

Die -webkit-transform-3d Boolean-CSS-Medienabfrageeigenschaft ist eine WebKit-Erweiterung, deren Wert true ist, wenn CSS 3D-transforms mit dem Vendor-Präfix unterstützt werden.

Hinweis: Obwohl diese Medienabfrageeigenschaft derzeit von den meisten Browsern unterstützt wird, sollten Sie, sofern möglich, stattdessen eine @supports-Feature-Abfrage verwenden.

Syntax

-webkit-transform-3d ist eine Boolean-CSS-Medienabfrageeigenschaft, deren Wert true ist, wenn der Browser CSS 3D-transforms mit dem -webkit-Präfix unterstützt.

Werte

true

Der Browser unterstützt die 3D-CSS-Transformationen mit dem -webkit-Präfix und nicht standardisierte, präfixbasierte Medienabfragen.

false

Die 3D-CSS-Transformationen mit dem Präfix -webkit werden vom Browser nicht unterstützt.

Beispiele

Beispiele für Medienabfragen mit -webkit-transform-3d

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

Eine bessere Methode, um die Unterstützung durch den Browser zu überprüfen, ist die Verwendung einer Feature-Abfrage:

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

Spezifikationen

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

Browser-Kompatibilität

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

Siehe auch