Fungsi skewX

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

Sintaks

selektor {
	transform: skewX(sudut);
}

Contoh

Dalam contoh ini, blok dimiringkan sebesar 30 derajat 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 dimiringkan sebesar 30 derajat ke kanan:

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

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

Lihat juga

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