Transform 2D — Rotate

Essa transformação causa a rotação de um elemento. A rotação deve ser expressa em medida CSS para ângulos, ou seja, deg, grad, rad e turn,
Valores positivos causam rotação no sentido horário e valores negativos no sentido anti-horário.

A sintaxe geral para aplicar uma rotação é mostrada a seguir.

seletor {transform: rotate(αdeg); } 
seletor {transform: rotateX(αdeg); } 
seletor {transform: rotateY(αdeg); } 
seletor {transform: rotateZ(αdeg); } 

Interativo

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

seletor {
  -webkit-transform: rotate(deg);
  -moz-transform: rotate(deg);
  -o-transform: rotate(deg);
  -ms-transform: rotate(deg);
  transform: rotate(deg);
}