Propriedade transformOrigin do estilo

Definição e uso

transformOrigin A propriedade permite que você mude a posição do elemento já convertido.

Os elementos de conversão 2D podem mudar o eixo x e y do elemento. Os elementos de conversão 3D também podem mudar o eixo z do elemento.

Comentário:Essa propriedade deve ser usada com Propriedade transform Usados juntos.

Veja também:

Objeto estilo JavaScript:Propriedade transform

Manual de referência do CSS:A propriedade transform-origin

Exemplo

Defina a posição básica do elemento girado:

document.getElementById("myDIV").style.transformOrigin = "0 0";

Experimente você mesmo

Sintaxe

Retorne a propriedade transformOrigin:

object.style.transformOrigin

Defina a propriedade transformOrigin:

object.style.transformOrigin = "eixo x eixo y eixo z|initial|inherit"

Valor da propriedade

Valor Descrição
eixo x

Define a posição de visualização no eixo x. Valores possíveis:

  • left
  • center
  • right
  • length
  • %
eixo y

Define a posição de visualização no eixo y. Valores possíveis:

  • top
  • center
  • bottom
  • length
  • %
eixo z

Define a posição de visualização no eixo z. Valores possíveis:

  • length
initial Defina essa propriedade para seu valor padrão. Veja initial.
inherit Herda essa propriedade do elemento pai. Veja inherit.

Detalhes técnicos

Valor padrão: 50% 50% 0
Retorno: Uma string que representa a A propriedade transform-origin.
Versão do CSS: CSS3

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0