Transform 2D — Scale

Essa transformação causa o aumento/redução das dimensões de um elemento ao longo dos eixos x e/ou y.
Valores maiores que 1 expressam aumento e valores entre 0 e 1 diminuição das dimensões.

A sintaxe geral para aplicar escala é mostrada a seguir, onde n é um número que expressa a quantidade de vezes a aumentar ou diminir, ou seja, o fator de multiplicação das dimensões.

  seletor { transform: scale(x, y); } 
  seletor { transform: scaleX(x); } 
  seletor { transform: scaleY(y); } 

Interativo

Acione os sliders para visualizar a escala em ação

seletor {
  -webkit-transform: scale(, );
  -moz-transform: scale(, );
  -o-transform: scale(, );
  -ms-transform: scale(, );
  transform: scale(, );
}