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

selector {
	transform: skewY(sudut);
}

Contoh

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

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

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

Contoh

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

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

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

Lihat juga

fungsi skew,
yang mengatur kemiringan pada sumbu X dan Y
fungsi skewX,
yang mengatur kemiringan pada sumbu X