libro de referencias CSS

reglas @CSS (RULES)

propiedades CSS completas

CSS3 Perspectiva-Atributo origin Página de CSS-break-Atributo inside

CSS3 Uso y ejemplo de la propiedad perspective

La propiedad CSS perspective define la perspectiva de visualización de todos los elementos hijos del objeto. Generalmente determina la distancia entre el plano Z = 0 y el visor, con el fin de dar3d localiza el elemento con un sentido de profundidad. Cada Z > 03El elemento D se hace más grande, mientras que cada Z < 03D元素变得更小。

D el elemento se hace más pequeño.

La tabla a continuación proporciona la descripción del uso y el historial de versiones de esta propiedad, así como la sintaxis de su uso en scripts de JavaScript.	none
Valor predeterminado:	Aplíquese a:
Elementos deformables	Herencia:
No	Animable:Sí. Consulte:.
Atributos de animación	CSS3Versión:
Nueva característica de JavaScript	object.style.perspective=500

Sintaxis del uso de Perspective

La sintaxis de este atributo es la siguiente:

perspective:　length　|　none　|　initial　|　inherit

El siguiente ejemplo muestra cómo utilizar el atributo perspective.

Ejemplo

.container　{
　　　　width:　125px;
　　　　height:　125px;
　　　　perspective:　500px;
　　　　border:　4px　solid　#e5a043;
　　　　background:　#fff2dd;
}
.transformed　{
　　　　-webkit-transform:　translate3d(25px,　25px,　50px);　/*　Chrome,　Safari,　Opera　*/
　　　　transform:　translate3d(25px,　25px,　50px);　
}

Prueba y mira‹/›

Valor del atributo

La tabla a continuación describe los valores de esta propiedad.

Valor	Descripción
length	Indica el valor de longitud de la profundidad de la vista. Si es 0 o negativo, no se aplica la transformación de perspectiva.
none	No se aplica la transformación de perspectiva. Este es el valor predeterminado.
initial	Establecer este atributo en su valor predeterminado.
inherit	Si se especifica, el elemento asociado utiliza el valor del atributo perspective del elemento padre.

Compatibilidad del navegador

La compatibilidad del navegador del atributo perspective, los números en la tabla a continuación representan la versión mínima del navegador que admite la propiedad; todos los navegadores principales admiten esta propiedad.

	Firefox 10+ ^-moz-,16 + Google Chrome 12+ ^-webkit-,36+ Internet Explorer 10+ Apple Safari 4.0.3+ ^-webkit- Opera 15+ ^-webkit-,23+

Leer más

Consulte los siguientes tutoriales:CSS3 3Transformación D.

Propiedades relacionadas:Perspectiva-origin,backface-visibility,transform,transform-origin,transform-style.

CSS3 Perspectiva-Atributo origin Página de CSS-break-Atributo inside