Die transform eienskap
Die eienskap transform stel transformasies
van 'n element in, soos rotasie,
skaal,
skuinsheid,
verskuiwing
en ander. Die ooreenstemmende transformasies word
met spasies geskryf:
selektor {
transform: rotate(30deg) scale(3);
}
Voorbeeld
In hierdie voorbeeld is die blok 30
grade met die kloksgewys gedraai:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Voorbeeld
In hierdie voorbeeld is, behalwe vir die rotasie, ook skuinsheid bygevoeg:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Voorbeeld
In hierdie voorbeeld is, behalwe vir die rotasie en skuinsheid, skalering bygevoeg:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
