-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 Vendor-Präfixe. Nur WebKit (Safari) und nicht auf Chromium basierende Browser unterstützen die -webkit-transform-2d
Media-Feature. Kein Browser unterstützt transform
, weder ohne Präfix noch die 2d
-Erweiterung, als Media Query. Verwenden Sie stattdessen die @supports (transform)
-Feature-Query.
Die -webkit-transform-2d
ist ein Boolean-CSS-Media-Feature, das eine WebKit-Erweiterung darstellt, deren Wert true
ist, wenn CSS 2D-transformations mit dem Präfix -webkit
und nicht standardisierte Vendor-spezifische 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 die CSS 2D-transform
-Transformationen mit dem Präfix -webkit
unterstützt.
Werte
Beispiele
Grundlegendes Beispiel
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Dieses Media-Feature wird nur von WebKit unterstützt. Die unpräfixierte transform
-Eigenschaft wird in allen modernen Browsern unterstützt. Wenn möglich, verwenden Sie stattdessen eine @supports
-Feature-Query:
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Spezifikationen
Kein Teil eines Standards.
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-transform-2d media feature |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.