-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-transform
s 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-transform
s mit dem -webkit
-Präfix unterstützt.
Werte
Beispiele
Beispiele für Medienabfragen mit -webkit-transform-3d
@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:
@supports (transform-style) {
.foo {
transform-style: preserve-3d;
}
}
Spezifikationen
Specification |
---|
Compatibility # css-media-queries-webkit-transform-3d |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-transform-3d media feature |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support