O melhor tutorial CSS3 transform-origin propriedade em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,Atributo definições e instruções,gramática,
Definir posição do ponto de elementos rotativos:
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- |
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%" |
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:
|