Modificador transformar origem

O modificador FolEs transformar-origem define a origem das transformações de um elemento.

A origem da transformação é o ponto ao redor do qual uma transformação é aplicada. Por exemplo, a origem da transformação da função rotate() é o centro de rotação. Essa propriedade envolve um par de translações em torno das outras transformações do elemento.

Sintaxe

/* Valores específicos */
transformar-origem: superior;
transformar-origem: inferior;
transformar-origem: direita;
transformar-origem: esquerda;
transformar-origem: centro;

/* Sintaxe de UM valor */
transformar-origem: 2px;
transformar-origem: inferior;

/* deslocamento horizontal | deslocamento vertical */
transformar-origem: 3cm 2px;

/* deslocamento horizontal específico | deslocamento vertical */
transformar-origem: esquerda 2px;

/* deslocamento horizontal específico | deslocamento vertical específico */
transformar-origem: direita superior;

/* deslocamento horizontal | deslocamento vertical | deslocamento-z */
transformar-origem: 2px 30% 10px;

/* deslocamento horizontal específico | deslocamento vertical | deslocamento-z */
transformar-origem: esquerda 5px -3px;

/* deslocamento horizontal específico | deslocamento vertical específico | deslocamento-z */
transformar-origem: direita inferior 2cm;

/* Valores globais */
transformar-origem: herdar;
transformar-origem: inicial;
transformar-origem: reverter;
transformar-origem: reverter-camada;
transformar-origem: desarmar;

Tradução para CSS

transformar-origem é traduzido para transform-origin.