Cacher is the code snippet organizer for pro developers

/*CSS TRANSFORMS
Transforms give us different ways to size, position and change the appearance of HTML elements

Animating a transform with a transition:
*/
img {
	transition: transform .5s;
}
img:hover {
	transform: rotate(3deg);
}

------
/* -- Row 1 --------- */
img {
	transition: transform .5s;
}
img:hover {
	transform: rotate(3deg);
}

/* -- Row 2 --------- */
.photo img {
	transform-origin: 0 0;
}
.photo:hover img {
	transform: scale(1.2);
}

/*TRANSLATE*/