`-webkit-transform-3d` CSS-Media-Feature

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2016 browserübergreifend verfügbar.

Die -webkit-transform-3d Boolean CSS Media-Feature ist eine WebKit-Erweiterung, deren Wert true ist, wenn vendor-spezifische CSS 3D transforms unterstützt werden.

Hinweis: Während diese Media-Feature derzeit von den meisten Browsern unterstützt wird. Wenn möglich, verwenden Sie stattdessen eine @supports Feature-Abfrage.

Syntax

-webkit-transform-3d ist eine Boolean CSS Media-Feature, 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 Medienabfragen.
false: Die mit -webkit präfixierten 3D-CSS-Transformationen 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, um die Browserunterstützung zu überprüfen, ist die Verwendung einer Feature-Abfrage:

css

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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

-webkit-transform-3d CSS-Media-Feature