« Zurück zum Artikel

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

#test2 {
	transform: matrix(0.866, 0.5, -0.5, 0.866, 0, 0);
}

#test3 {
	transform: matrix(0.5, 0.5, 1.5, 0.5, 50, -50);
}

#test4 {
	transform: matrix(0, 1, -1, 0, 50, 50);
}