Definición de .transform-style utilizado en CSS
La propiedad .transform-style, cuando se aplica a un elemento, determina si los hijos de ese elemento se colocan en el espacio 3D o se aplanan.
Ejemplo de uso de transform-style
Si quieres utilizar esta propiedad de CSS en tu hoja de estilos, hazlo de la siguiente forma:
.parent {
transform-style: preserve-3d;
}Sintaxis de .transform-style en CSS
transform-style: flat|preserve-3d|initial|inherit;Valores
| El valor de la propiedad | Descripción |
|---|---|
| plano | Especifica que los elementos secundarios NO conservarán su posición 3D. esto es por defecto |
| preservar-3d | Especifica que los elementos secundarios conservarán su posición 3D |
| inicial | Establece esta propiedad en su valor predeterminado. |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .transform-style
Los números de la tabla detallan la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| transition | 26.0 4.0 -webkit- | 10.0 | 16.0 4.0 -moz- | 6.1 3.1 -webkit- | 12.1 10.5 -o- |
