Egenskapen transform
Egenskapen transform sätter transformationer
för ett element, såsom rotation,
skalning,
snedställning,
förflyttning
och andra. Motsvarande transformationer skrivs
mellan mellanslag:
selektor {
transform: rotate(30deg) scale(3);
}
Exempel
I detta exempel är blocket roterat 30
grader medurs:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Exempel
I detta exempel har förutom rotation även snedställning lagts till:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Exempel
I detta exempel har förutom rotation och snedställning även förändring av skalan lagts till:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
