Egenskapen transform
Egenskapen transform setter transformasjoner
for et element, slik som rotasjon,
skalering,
forskyvning,
translasjon
og andre. Tilsvarende transformasjoner skrives
separert med mellomrom:
selector {
transform: rotate(30deg) scale(3);
}
Eksempel
I dette eksemplet er blokken rotert 30
grader med klokken:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksemplet er det i tillegg til rotasjon lagt til forskyvning:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Eksempel
I dette eksemplet er det i tillegg til rotasjon og forskyvning lagt til endring av skala:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
