Transform omadus
Omadus transform määrab elemendi
transformatsioonid, nagu pööramine,
skaleerimine,
vildakus,
nihutamine
ja teised. Vastavad transformatsioonid kirjutatakse
tühikuga eraldatuna:
selektor {
transform: rotate(30deg) scale(3);
}
Näide
Selles näites on plokk pööratud 30
kraadi päripäeva:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Näide
Selles näites on pöörlemise kõrvale lisatud ka vildakus:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Näide
Selles näites on pöörlemise ja vildakuse kõrvale lisatud mastaabi muutmine:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
