Svojstvo transform

Svojstvo transform zadaje transformacije elementa, kao što su rotacija, skaliranje, kosina, pomeraj i druge. Odgovarajuće transformacije se zapisuju razmakom:

cssselektor {
  transform: rotate(30deg) scale(3);
}

Primer

U ovom primeru blok je rotiran za 30 stepeni u smeru kazaljke na satu:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Primer

U ovom primeru pored rotacije dodata je i kosina:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg) skew(20deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Primer

U ovom primeru pored rotacije i kosine dodato je promena razmere:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: rotate(30deg) skew(20deg) scale(2, 3);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат: