-webkit-transform-2d

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Hinweis: Alle Browser unterstützen die transform Eigenschaft ohne Herstellerpräfixe. Nur WebKit (Safari) und nicht Chromium-basierte Browser unterstützen das -webkit-transform-2d Medienfeature. Keine Browser unterstützen transform ohne Präfix oder 2d Erweiterung als Media Query. Verwenden Sie stattdessen die @supports (transform) Feature Query.

Das -webkit-transform-2d Boolean CSS Media-Feature ist eine WebKit-Erweiterung, deren Wert true ist, wenn CSS 2D transforms mit Herstellerpräfix und nicht-standardisierte Herstellerpräfix Media Queries unterstützt werden.

Apple hat eine Beschreibung in der Safari CSS Referenz.

Syntax

-webkit-transform-2d ist ein Boolean CSS Media-Feature, dessen Wert true ist, wenn der Browser CSS 2D transforms mit dem -webkit Präfix unterstützt.

Werte

true

Der Browser unterstützt die 2D CSS-Transformationen mit dem -webkit Präfix.

false

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

Beispiele

Einfaches Beispiel

css
@media (-webkit-transform-2d) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

Dieses Medienfeature wird nur von WebKit unterstützt. Die unpräfixierte transform Eigenschaft wird in allen modernen Browsern unterstützt. Verwenden Sie nach Möglichkeit eine @supports Feature Query:

css
@supports (-webkit-transform: translate(100px, 100px)) {
  div {
    -webkit-transform: translate(100px, 100px);
  }
}

Spezifikationen

Nicht Teil eines Standards.

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch