CSS3 transformar origen propiedad
Ejemplos
punto de ajuste de posición de los elementos rotativos
{
transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and 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-origin (two-value syntax) |
36.0 4.0 -webkit- |
10.0 9.0 -ms- |
16.0 3.5 -moz- |
9.0 3.2 -webkit- |
23.0 15.0 -webkit- 10.5 -o- |
| transform-origin (three-value syntax) |
36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Definiciones de atributos e instrucciones
transformar-Origen atributo le permite cambiar la posición del elemento de conversión.
elementos de conversión 2D pueden cambiar elementos X e Y-eje. elemento de conversión 3D, también puede cambiar el elemento del eje Z.
Para comprender mejor el atributo Transform-Origen, por favor vea la demostración .
Nota: Esta propiedad debe primero transformar la propiedad.
Consejo: los usuarios de Safari / Chrome:Para entender mejor la transformada de 3D propiedades, por favor ver la demo .
| Por defecto: | 50% 50% 0 |
|---|---|
| herencia: | no |
| Version: | CSS3 |
| la sintaxis de JavaScript: | oponerse .style.transformOrigin = "20% 40%" |
gramática
| valor | descripción |
|---|---|
| eje x | Vista personalizada se coloca en el eje X. Valores posibles:
|
| eje y | Vista personalizada se coloca en el eje Y. Valores posibles:
|
| eje z | Vista personalizada se coloca en el eje Z. Valores posibles:
|