Vlastnost transform
Vlastnost transform nastavuje transformace
prvku, jako jsou rotace,
škálování,
zkosení,
posun
a další. Příslušné transformace se zapisují
mezerou oddělené:
selektor {
transform: rotate(30deg) scale(3);
}
Příklad
V tomto příkladu je blok otočen o 30
stupňů ve směru hodinových ručiček:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Příklad
V tomto příkladu je kromě rotace přidáno ještě zkosení:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Příklad
V tomto příkladu je kromě rotace a zkosení přidáno změna měřítka:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
