CSS3 transformar al estilo de la propiedad
Ejemplos
Dejar que los elementos secundarios en la conversión 3D reservas:
div
{
transform: rotateY (60 grados);
transformar al estilo: preserve-3d;
-webkit-transform: rotateY (60 grados); / * * Safari y Chrome /
-webkit-transform-style: preserve-3d; / * * Safari y Chrome /
}
{
transform: rotateY (60 grados);
transformar al estilo: preserve-3d;
-webkit-transform: rotateY (60 grados); / * * Safari y Chrome /
-webkit-transform-style: preserve-3d; / * * Safari y Chrome /
}
Trate »
Soporte para el navegador
Las cifras de la tabla representan el primer navegador compatible con el número de versión de la propiedad.
Inmediatamente después de la -webkit- digital, -MS- o hace -moz- en apoyo del prefijo atribuyen primer número de la versión del navegador.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Definiciones de atributos e instrucciones
transformar - atributo de estilo para especificar cómo los elementos anidados son prestados en el espacio tridimensional.
Nota: Esta propiedad debe primero transformar la propiedad.
usuarios de Safari / Chrome: Para una mejor comprensión transforman - propiedad de estilo, ver los ejemplos demuestran .
Por defecto: | piso |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objeto .style.transformStyle = "preserve-3d" |
gramática
transformar al estilo: plana | preserve-3d;
valor | descripción |
---|---|
piso | Elementos secundarios no conservarán su posición 3D. |
preserve-3d | Elementos secundarios conservarán su posición 3D. |