Un ejemplo de tratamiento de imágenes con CSS

  <style>

 img {

border: 5px solid #ccc;

float: left;

margin: 15px;

-webkit-transition: margin 0.5s ease-out;

-moz-transition: margin 0.5s ease-out;

-ms-transition: margin 0.5s ease-out;

transition: margin 0.5s ease-out;

}

.ex1 img:hover {

margin-top: 2px;

}      

</style>

                        <div class="ex1" >

<img alt="img0" src="http: ../imagen0.jpg" />

<img alt="img1" src="http: ../imagen1.jpg" />

<img alt="img2" src="http: ../imagen2.jpg" />

<img alt="img3" src="http: ../imagen3.jpg" />

</div>  
PASA EL RATÓN SOBRE LAS (NO) IMÁGENES