-webkit-transform-2d
Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.
Hinweis:
Alle Browser unterstützen die transform-Eigenschaft ohne Vendor-Präfixe. Nur WebKit (Safari) und nicht auf Chromium basierende Browser unterstützen das -webkit-transform-2d Medienmerkmal. Keine Browser unterstützen transform ohne Präfix oder 2d Erweiterung als Media Query. Verwenden Sie stattdessen die @supports (transform) Feature-Abfrage.
Das -webkit-transform-2d Boole'sche CSS Medienmerkmal ist eine WebKit-Erweiterung, deren Wert true ist, wenn CSS-2D-transforms mit Vendor-Präfixen und nicht standardisierte Media Queries mit Vendor-Präfixen unterstützt werden.
Syntax
-webkit-transform-2d ist ein Boole'sches CSS Medienmerkmal, dessen Wert true ist, wenn der Browser CSS-2D-transforms mit -webkit-Präfix unterstützt.
Werte
Beispiele
Einfaches Beispiel
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Dieses Medienmerkmal wird nur von WebKit unterstützt. Die unpräfixte transform-Eigenschaft wird in allen modernen Browsern unterstützt. Wenn möglich, verwenden Sie stattdessen eine @supports Feature-Abfrage:
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Spezifikationen
Nicht Teil eines Standards.