-webkit-transform-3d
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis septembre 2016.
La caractéristique média booléenne CSS -webkit-transform-3d est une extension WebKit qui vaut true si les transformations CSS 3D transform préfixées sont prises en charge.
Note :
Cette caractéristique média est actuellement prise en charge par la plupart des navigateurs. Si possible, utilisez plutôt une requête de fonctionnalité @supports.
Syntaxe
-webkit-transform-3d est une caractéristique média booléenne de CSS qui vaut true si le navigateur prend en charge les transformations CSS 3D transform préfixées -webkit.
Valeurs
Exemples
Exemples de requêtes média avec -webkit-transform-3d
@media (-webkit-transform-3d) {
.foo {
transform-style: preserve-3d;
}
}
Une meilleure méthode pour vérifier la prise en charge par le navigateur consiste à utiliser une requête de fonctionnalité :
@supports (transform-style) {
.foo {
transform-style: preserve-3d;
}
}
Spécifications
| Specification |
|---|
| Compatibility # css-media-queries-webkit-transform-3d |
Compatibilité des navigateurs
Voir aussi
- La caractéristique média
-webkit-transform-2d - La caractéristique média
-webkit-transition - La caractéristique média
-webkit-animation - Page de test sur quirksmode.org (angl.)
- La propriété
transformet utiliser les transformations CSS - La règle
@mediaet utiliser les requêtes média - La règle
@supportset utiliser les requêtes de fonctionnalité