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); }
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);
}