Svojstvo transform
Svojstvo transform zadaje transformacije
elementa, kao što su rotacija,
skaliranje,
kosina,
pomeraj
i druge. Odgovarajuće transformacije se zapisuju
razmakom:
selektor {
transform: rotate(30deg) scale(3);
}
Primer
U ovom primeru blok je rotiran za 30
stepeni u smeru kazaljke na satu:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Primer
U ovom primeru pored rotacije dodata je i kosina:
<div id="elem">lorem ipsum</div>
#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:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
