Transform īpašība
Īpašība transform iestata elementa transformācijas,
piemēram, pagriešanu,
mērogošanu,
sasvēršanu,
pārbīdi
un citas. Atbilstošās transformācijas tiek ierakstītas
atdalītas ar atstarpēm:
selector {
transform: rotate(30deg) scale(3);
}
Piemērs
Šajā piemērā bloks ir pagriezts par 30
grādiem pulksteņrādītāja virzienā:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Piemērs
Šajā piemērā papildus pagriešanai ir pievienota arī sasvēršana:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Piemērs
Šajā piemērā papildus pagriešanai un sasvēršanai ir pievienota mēroga izmaiņa:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
