HTML

<div class="rota_imagen"><img src="http://gif" alt="" width="165" height="238" /><img src="http://gif" alt="" width="165" height="238" />    </div>

CSS

div.rota_imagen img { 
 margin: 20px; 
 border: 2px solid #fff;

 border-radius: 3em 2.5em/1em 2.5em;
 -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); 
 -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2); 
 box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
 -webkit-transition: all 0.5s ease-out; 
 -moz-transition: all 0.5s ease; 
 -o-transition: all 0.5s ease; } 
 div.rota_imagen img:hover { 
 -webkit-transform: rotate(-10deg); 
 -moz-transform: rotate(-10deg);
 -o-transform: rotate(-10deg); }