Vlastnosť transform
Vlastnosť transform nastavuje transformácie
prvku, ako sú rotácia,
škálovanie,
skosenie,
posunutie
a iné. Príslušné transformácie sa zapisujú
medzerou oddelené:
selektor {
transform: rotate(30deg) scale(3);
}
Príklad
V tomto príklade je blok otočený o 30
stupňov v smere hodinových ručičiek:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Príklad
V tomto príklade je okrem rotácie pridané aj skosenie:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Príklad
V tomto príklade je okrem rotácie a skosenia pridaná zmena mierky:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
