Ejemplo
Deje que los elementos secundarios transformados conservan las transformaciones 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
Inténtalo tú mismo " Definición y Uso
Los conjuntos de propiedades transformStyle o returnd cómo los elementos anidados son prestados en el espacio 3D.
Note: Esta propiedad debe ser utilizado junto con el transformar la propiedad.
Soporte del navegador
La propiedad transformStyle es compatible con Firefox.
Chrome, Safari y Opera soportan una alternativa, la propiedad WebkitTransformStyle.
Sintaxis
Devolver la propiedad transformStyle:
object .style.transformStyle Establecer la propiedad transformStyle:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
Valores de propiedad
| Valor | Descripción |
|---|---|
| flat | Valor por defecto. Los elementos hijo no va a conservar su posición en 3D |
| preserve-3d | Los elementos secundarios preservarán su posición 3D |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lea acerca de heredar |
Detalles técnicos
| Valor por defecto: | plano |
|---|---|
| Valor de retorno: | Una cadena, que representa la propiedad de transformar al estilo de un elemento |
| Versión CSS | CSS3 |
Páginas relacionadas
JavaScript estilo de objeto: transform property
Referencia CSS: transform-style property
<Estilo de objeto