Modificador transformar origem - DesignLiquido/FolEs GitHub Wiki
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
.