Sifat transform
Sifat transform menetapkan transformasi
elemen, seperti putaran,
penskalaan,
kecondongan,
penerjemahan
dan lain-lain. Transformasi yang sepadan ditulis
dipisahkan oleh ruang:
selector {
transform: rotate(30deg) scale(3);
}
Contoh
Dalam contoh ini, blok diputar 30
darjah mengikut arah jam:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Contoh
Dalam contoh ini, selain putaran, ditambah juga kecondongan:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Contoh
Dalam contoh ini, selain putaran dan kecondongan, ditambah perubahan skala:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
