-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

BCD tables only load in the browser

Siehe auch