CSS3 propiedad perspectiva del origen
Ejemplos
Establecimiento de una ubicación de la base elemento 3D:
{
punto de vista: 150;
perspectiva origen: 10% 10%;
-webkit-perspectiva: 150; / * * Safari y Chrome /
-webkit-perspectiva-origen: 10% al 10%; / * * 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.
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
Definiciones de atributos e instrucciones
El eje X y el eje Y perspectiva origen elemento de definición de la propiedad se basa en 3D. Esta propiedad le permite cambiar la posición de la parte inferior de los elementos 3D.
-Origen perspectiva definición del atributo, que es un hijo de un elemento, punto de vista, y no el propio elemento.
Nota: Para los usuarios de Chrome y Safari: Con el fin de comprender mejor la perspectiva atributo!
Para los usuarios de Chrome y Safari: Con el fin decomprender mejor el atributo perspectiva Origen, consulte la instancia de vista .
Por defecto: | 50% 50% |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | oponerse .style.perspectiveOrigin = "10% 10%" |
gramática
valor | descripción |
---|---|
eje x | La vista se define en la posición de eje x. Por defecto: 50%. Valores posibles:
|
eje y | La definición de la posición de la vista en el eje y. Por defecto: 50%. Valores posibles:
|