Style transformOrigin Property

Definir a colocação de base de um elemento rodada:

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

Definição e Uso

A propriedade transformOrigin permite alterar a posição sobre elementos transformados.

2D elemento transformada pode mudar o eixo y x e do elemento. 3D elemento transformado também é possível alterar o eixo z do elemento.

Note: Esta propriedade deve ser utilizado em conjunto com a transformar a propriedade.

A propriedade transformOrigin é suportada no Internet Explorer 10, Firefox e Opera.

Internet Explorer 9 suporta uma alternativa, a propriedade msTransformOrigin, mas apenas por 2D-transformadas.

Chrome, Safari e Opera apoiar uma alternativa, a propriedade WebkitTransformOrigin, tanto para 2D e 3D transfoms.

Devolver o imóvel transformOrigin:

object .style.transformOrigin

Defina a propriedade transformOrigin:

object .style.transformOrigin=" Valores de propriedade

Valor	Descrição
x-axis	Definindo onde o ponto de vista é colocado no eixo-x. Valores possíveis: esquerda centro certo length %
y-axis	Definindo onde o ponto de vista é colocado no eixo y. Valores possíveis: topo centro inferior length %
z-axis	Definindo onde o ponto de vista é colocado no eixo z (for 3D transforms) . Valores possíveis: length
initial	Define essa propriedade para seu valor padrão. Leia sobre inicial
inherit	Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar

Valor padrão:	50% 50% 0
Valor de retorno:	A String, que representa a propriedade de transformar-origem de um elemento
CSS Versão	CSS3

JavaScript estilo de objeto: transform property