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

csspemilih {
  transform: skewY(sudut);
}

Contoh

Dalam contoh ini, blok disengetkan 30 drajat ke atas:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Contoh

Dalam contoh ini, blok disengetkan 30 drajat ke bawah:

html<div id="elem">lorem ipsum</div>

css#elem {
  transform: skewY(-30deg);
  border: 1px solid black;
  width: 100px;
  height: 50px;
}

Результат:

Lihat juga