-webkit-transform-2d
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
Note :
Tous les navigateurs prennent en charge la propriété transform sans préfixe. Seuls les navigateurs basés sur WebKit (Safari), et non Chromium, prennent en charge la caractéristique média -webkit-transform-2d. Aucun navigateur ne prend en charge transform sans préfixe ou extension 2d comme requête média. Utilisez plutôt la requête de fonctionnalité @supports (transform).
La caractéristique média booléenne CSS -webkit-transform-2d est une extension WebKit qui vaut true si les transformations CSS 2D transform préfixées et les requêtes média non standard préfixées sont prises en charge.
Apple propose une description dans la référence CSS de Safari (angl.).
Syntaxe
-webkit-transform-2d est une caractéristique média booléenne de CSS qui vaut true si le navigateur prend en charge les transformations CSS 2D transform préfixées -webkit.
Valeurs
Exemples
Exemple simple
@media (-webkit-transform-2d) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Cette caractéristique média n'est prise en charge que par WebKit. La propriété transform non préfixée est prise en charge dans tous les navigateurs modernes. Si possible, utilisez plutôt une requête de fonctionnalité @supports :
@supports (-webkit-transform: translate(100px, 100px)) {
div {
-webkit-transform: translate(100px, 100px);
}
}
Spécifications
Ne fait partie d'aucun standard.
Compatibilité des navigateurs
Loading…