<div class="cp_imghover cp_rotate">
<img src="img.jpg">
</div>
.cp_imghover {
overflow: hidden;
width: 400px;
height: 400px;
margin: 20px auto;
border: 10px solid #ffffff;
box-shadow: 0 0 5px #cccccc;
cursor: pointer;
}
/*Rotate*/
.cp_rotate img {
-webkit-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.cp_rotate img:hover {
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
}