HTML<ul id="galeria">
 <li><img src="https://lh4.googleusercontent.com/-XKMrCBgRcJg/U-C07fYE6OI/AAAAAAAA0bs/u3dL2-3UK-0/w500-h279-no/1.gif" alt="" width="190" height="170" /></li><li><img src="https://lh4.googleusercontent.com/-VJRrKeKG9qc/U-C1SXebPQI/AAAAAAAA0cE/YGbzIb7BqhA/w500-h368-no/1.gif" alt="" width="190" height="170" /></li></ul>

CSS<style type="text/css"><!--
ul#galeria { 
list-style: none; 
} 
ul#galeria li { 
float:left; 
} 
ul#galeria li img { 
border: 1px dotted #ccc; 
border-radius: 1em; 
box-shadow: 3px 2px 6px #000000; 
opacity: 0.5; 
} 
ul#galeria img:hover { opacity: 1;
 z-index:100; 
-moz-transform:scale(1.5); 
/* zoom en navegador Firefox */ 
-webkit-transform:scale(1.5); 
/* zoom en navegador Chrome y Safari */ 
-o-transform:scale(1.5);
 }
 /* zoom en navegador Opera */
 ul#galeria li:nth-child(3n) { float: none; 
}
 /* cambiando el 3 variamos el nº de imágenes por fila */
 /* IE no soporta la propiedad transform de CSS 3 */
  --></style>