Fungsi skewY

Fungsi skewY mengatur kemiringan elemen pada sumbu Y, mengubahnya menjadi jajar genjang. Digunakan bersama dengan properti transform. Nilai propertinya adalah sudut dalam satuan untuk sudut apa pun. Sudutnya bisa bernilai positif maupun negatif. Nilai positif menghasilkan kemiringan ke atas, nilai negatif - ke bawah. Kemiringan dilakukan di sekitar titik yang ditentukan oleh properti transform-origin.

Sintaks

cssselector {
  transform: skewY(sudut);
}

Contoh

Dalam contoh ini, blok dimiringkan ke atas sebesar 30 derajat:

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 dimiringkan ke bawah sebesar 30 derajat:

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

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

Результат:

Lihat juga