Beispiel 5

#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: rotateX(30deg);
}

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

#test3 {
	transform: rotateZ(-30deg);
}

#test4 {
	transform: rotateX(135deg) rotateY(45deg) rotateZ(90deg);
}