CSS3 transform-origin propriedade
Exemplos
Definir posição do ponto de 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 */
}
tente »
Suporte a navegadores
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.
| 属性 | |||||
|---|---|---|---|---|---|
| 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- |
Atributo definições e instruções
transformar-Origem atributo permite-lhe mudar a posição do elemento de conversão.
elementos de conversão 2D pode mudar X e Y eixos elementos. elemento de conversão em 3D, você também pode alterar o elemento do eixo Z.
Para entender melhor o atributo Transforme-Origem, consulte o programa demonstrativo .
Nota: Esta propriedade deve primeiro transformar a propriedade.
Dica: Os usuários do Safari / Chrome:Para melhor compreender a transformar o 3D propriedades, consulte a demo .
| padrão: | 50% 50% 0 |
|---|---|
| herança: | não |
| versão: | CSS3 |
| sintaxe JavaScript: | objeto .style.transformOrigin = "20% 40%" |
gramática
| valor | descrição |
|---|---|
| eixo das abcissas | Ver costume é colocado onde o eixo-X. Valores possíveis:
|
| Eixo y | Ver costume é colocado onde o eixo Y. Valores possíveis:
|
| Z-eixo | Ver costume é colocado onde o eixo Z. Valores possíveis:
|
