CSS3 Transforms | Multiple Transforms

Multiple transforms can be used at once. Below you can see how an element can be rotate, translate, and scale at the same time.

#div9 {
	width: 200px;
	height: 100px;
	background-color: orange;
	margin-bottom: 30px;
}
#div9:hover {
	transform: rotate(45deg) translate(100px) scale(1.2, 1.1);
}

Note:
DON’T use commas to separate the functions, just use space.

Leave a Reply