Beispiel 4

#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: translate(50px, 50px);
}

#test2 {
	transform: translate(-50px);
}

#test3 {
	transform: translateX(50px);
}

#test4 {
	transform: translateY(50px);
}