HTML

<div id="containerEx17">
<div class="ex17"><img src="http://gif" alt="img0" width="140" height="170" /> <img src="http:/gif" alt="img1" width="140" height="170" /> <img src="http://gif" alt="img1" width="140" height="170" /></div>
</div>

CSS

/*GloriaV */
/*URL: http://tutorialgloriav.eklablog.com/*/
#containerEx17 {width: 800px;
}
.ex17 img {
border-radius: 10px 30px;
box-shadow: 2px 1px 8px #000000;
margin: 10px 10px 15px 10px; 
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.ex17 img:hover {
 -webkit-transform:scale(1.1); /*Webkit: Escala de aumento de la imagen 1.2x tamaño original*/-moz-transform:scale(1.1);
>-o-transform:scale(1.1);
-ms-transform:scale(1.1);
box-shadow:#707070 4px 2px 2px; /*Sombra sobre toda la imagen*
/-webkit-box-shadow:#707070 4px 2px 2px;
-moz-box-shadow:#707070 4px 2px 2px;
-ms-box-shadow:#707070 4px 2px 2px; opacity: 1
;
margin-left: -50px;}