-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 Media-Funktion ist eine WebKit-Erweiterung, deren Wert true ist, wenn vendor-präfixierte CSS 3D-transforms unterstützt werden.

Hinweis: Diese Media-Funktion wird derzeit von den meisten Browsern unterstützt. Wenn möglich, verwenden Sie stattdessen eine @supports-Feature-Anfrage.

Syntax

-webkit-transform-3d ist eine Boolean CSS Media-Funktion, deren Wert true ist, wenn der Browser -webkit-präfixierte CSS 3D-transforms unterstützt.

Werte

true

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

false

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

Beispiele

Beispiele für Media-Abfragen 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-Anfrage:

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

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch