Fungsi skewX
Fungsi skewX menetapkan pencongkan elemen
pada paksi X, dengan itu mengubahnya kepada 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
membuat pencongkan ke kiri, nilai negatif - ke kanan.
Pencongkan dilakukan di sekitar titik, yang ditetapkan oleh
sifat transform-origin.
Sintaks
pemilih {
transform: skewX(sudut);
}
Contoh
Dalam contoh ini, blok dicongkan 30
darjah ke kiri:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Contoh
Dalam contoh ini, blok dicongkan 30
darjah ke kanan:
<div id="elem">lorem ipsum</div>
#elem {
transform: skewX(-30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
