blob: e6f8af86429f00adce1e72005a2560d3c5f56347 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
---
title: '-webkit-transform-3d'
slug: Web/CSS/@media/-webkit-transform-3d
tags:
- CSS
- Caractéristique média
- Non-standard
- Reference
translation_of: Web/CSS/@media/-webkit-transform-3d
---
{{CSSRef}}{{Non-standard_header}}
**`-webkit-transform-3d`** est une [caractéristique média](/fr/docs/Web/CSS/Requêtes_média/Utiliser_les_Media_queries#Cibler_des_caractéristiques_média) booléenne non-standard qui indique si les transformations CSS en 3D (cf. {{cssxref("transform")}}) préfixées sont prises en charge par le navigateur.
> **Note :** Cette caractéristique est uniquement prise en charge par WebKit et Blink. Une méthode alternative standard consiste à utiliser {{cssxref("@supports")}} à la place.
## Exmple
```css
@media (-webkit-transform-3d) {
.toto {
transform-style: preserve-3d;
}
}
@media (-webkit-transform-3d: 1) {
.toto {
transform-style: preserve-3d;
}
}
```
## Spécifications
| Spécification | État | Commentaires |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------- | ------------------------------------- |
| {{SpecName('Compat', '#css-media-queries-webkit-transform-3d', '-webkit-transform-3d')}} | {{Spec2('Compat')}} | Définition initiale dans un standard. |
| [Safari CSS Reference media query extensions in that document.](https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3) | Documentation non-officielle, non-standard. | Documentation initiale. |
## Compatibilité des navigateurs
{{Compat("css.at-rules.media.-webkit-transform-3d")}}
## Voir aussi
- {{cssxref("@media/-webkit-transform-2d", "-webkit-transform-2d")}}
- {{cssxref("@media/-webkit-transition", "-webkit-transition")}}
- {{cssxref("@media/-webkit-animation", "-webkit-animation")}}
- [Page de test sur quirksmode.org](http://www.quirksmode.org/css/tests/mediaqueries/animation.html)
|
