Fungsi skewY
Fungsi skewY menentukan sengetan elemen
pada paksi Y, mengubahnya menjadi segi empat selari.
Digunakan bersama dengan sifat transform.
Nilai sifat adalah sudut dalam sebarang unit
untuk sudut. Sudut boleh menjadi positif
atau negatif. Nilai positif
menghasilkan sengetan ke atas, nilai negatif - ke bawah.
Sengetan dilakukan di sekitar titik yang ditentukan oleh
sifat transform-origin.
Sintaks
pemilih {
transform: skewY(sudut);
}
Contoh
Dalam contoh ini, blok disengetkan 30
drajat ke atas:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Contoh
Dalam contoh ini, blok disengetkan 30
drajat ke bawah:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewY(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
