Ejemplo
Deje que los elementos secundarios transformados conserven la transformación 3D:
div { transformar: rotarY (60 grados); estilo de transformación: preservar-3d; -webkit-transform: rotarY (60 grados); /* Safari y Chrome */ -webkit-transform-style: preserve-3d; /* Safari y Chrome */ }
Soporte del navegador
Los números de la tabla representan la primera versión del navegador que admite este atributo.
El número inmediatamente anterior a -webkit-, -ms- o -moz- es el primer número de versión del navegador que admite este atributo de prefijo.
Atributos | |||||
---|---|---|---|---|---|
estilo transformado | 36.0 12.0 -kit web- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -kit web- |
23.0 15.0 -webkit- |
Definiciones de propiedades e instrucciones de uso.
El atributo transform--style especifica cómo se representan los elementos anidados en un espacio tridimensional.
Nota: Primero debe usar el atributo de transformación para usar este atributo.
Usuarios de Safari/Chrome: