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

Das -webkit-transform-3d Boolean CSS media feature ist eine WebKit-Erweiterung, deren Wert true ist, wenn vendor-präfixierte CSS 3D transforms unterstützt werden.

Hinweis: Während dieses Media-Feature derzeit von den meisten Browsern unterstützt wird. Verwenden Sie nach Möglichkeit eine @supports Feature-Abfrage anstelle dessen.

Syntax

-webkit-transform-3d ist ein Boolean CSS media feature, dessen Wert true ist, wenn der Browser -webkit-präfixierte CSS 3D transforms unterstützt.

Werte

true: Der Browser unterstützt die 3D CSS Transforms mit dem -webkit Präfix und unterstützt nicht-standardisierte, präfixierte Media-Abfragen.
false: Die 3D CSS Transforms, die mit -webkit präfixiert sind, werden vom Browser nicht unterstützt.

Beispiele

Beispiele für Media Queries mit -webkit-transform-3d

css

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

Eine bessere Methode zur Überprüfung der Browser-Unterstützung ist die Verwendung einer Feature-Abfrage:

css

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

Spezifikationen

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