CSS3 3D Transforms
Method of transforming an element in the third dimension using the transform
property. Includes support for the perspective
property to set the perspective in z-space and the backface-visibility
property to toggle display of the reverse side of a 3D-transformed element.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3 | 4.4webkit |
|||||||||||||||
14 | 52 | 57 | 10
See notes:
|
10.0-10.2 | 4.4.3-4.4.4webkit |
4 | |||||||||||
11
See notes:
|
15 | 53 | 58 | 10.1
See notes:
|
44 | 10.3 | all | 56 | 10webkit |
37 | 57 | 52 | 11
See notes:
|
11.4webkit |
5 | 1.2 | 7.12 |
54 | 59 | TP
See notes:
|
45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
-
1
Partial support in IE refers to not supporting the transform-style: preserve-3d property. This prevents nesting 3D transformed elements.
-
2
Safari 9 & 10 are reported to still require a prefix for the related
backface-visibility
property.