« Zurück zum Artikel

Beispiel 6

#test1
#test2
#test3
#test4
#test5



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: rotate3d(0, 0, 1, 30deg);
}

#test2 {
	transform: rotate3d(1, 0, 0, 30deg);
}

#test3 {
	transform: rotate3d(1, 2, 3, 30deg);
}

#test4 {
	transform: rotate3d(2, 4, 6, 30deg);
}

#test5 {
	transform: rotate3d(3, 5, 1, 135deg);
}