【CSS3】transitions & transfroms

transform: rotate について

by tea4two

HTML

<p>transform: rotate(60deg) </p>
<div class="rotate"><img src="http://lorempixel.com/200/200/sports/2/" width="200" height="200"></div>

CSS

body { 
	text-align: center;
}
.rotate {
	width: 264px;
	margin: 20px auto;
}
.rotate:hover {
	-webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
}