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

Der -webkit-transform-3d boolesche CSS Medienmerkmal ist eine WebKit-Erweiterung, deren Wert true ist, wenn vendor-präfixierte CSS-3D-transforms unterstützt werden.

Hinweis: Auch wenn dieses Medienmerkmal derzeit von den meisten Browsern unterstützt wird. Verwenden Sie nach Möglichkeit stattdessen eine @supports-Merkmalabfrage.

Syntax

-webkit-transform-3d ist ein boolesches CSS Medienmerkmal, dessen 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 unterstützt nicht standardisierte, mit Präfix versehene Medienabfragen.
false: Die 3D-CSS-Transformationen mit dem -webkit-Präfix 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 zur Überprüfung der Browser-Unterstützung ist die Verwendung einer Merkmalabfrage:

css

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden