Beispiel 3

#test1

#test2

#test3

#test4

Hier der zugehörige CSS-Code:

div {
	display: inline-block;
	width: 100px;
	height: 100px;
	background: #dddddd;
	border: 1px solid #555555;
	color: #000000;
	margin: 50px;
}

#test1 {
	transform: skew(30deg, 40deg);
}

#test2 {
	transform: skew(0.5rad);
}

#test3 {
	transform: skewX(-45deg);
}

#test4 {
	transform: skewY(-0.5rad);
}