Egenskaben transform
Egenskaben transform angiver transformationer
af et element, såsom rotation,
skalering,
skråning,
forskydning
og andre. De tilsvarende transformationer angives
adskilt af mellemrum:
selektor {
transform: rotate(30deg) scale(3);
}
Eksempel
I dette eksempel er blokken roteret 30
grader med uret:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksempel er der tilføjet skråning foruden rotation:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksempel er der tilføjet ændring af skala foruden rotation og skråning:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
