<p><style type="text/css">
.hovergallery img{ /* kép galéria */
   -webkit-transform:scale(0.8); /*0,8x az eredeti érték,ha nincs kiemelve a kép*/
   -moz-transform:scale(0.8); /*Firefox verzió*/
   -o-transform:scale(0.8); /*Opera verzió*/
   -webkit-transition-duration: 0.5s; /*Animáció ideje*/
   -moz-transition-duration: 0.5s; /*Firefox verzió*/
   -o-transition-duration: 0.5s; /*Opera verzió*/
   opacity: 0.7; /*initial opacity of images*/
   margin: 0 10px 5px 0; /*a képek közötti hely*/
}

.hovergallery img:hover{ /* a kép,mikor ráviszed az egeret */
   -webkit-transform:scale(1.1); /*1.2x az eredeti érték, mikor kiemelkedik a kép*/
   -moz-transform:scale(1.1); /*

Firefox verzió*/
   -o-transform:scale(1.1); /*Opera verzió*/
   box-shadow:0px 0px 30px gray; /*CSS3 árnyék: 30px árnyék minden képre*/
   -webkit-box-shadow:0px 0px 30px gray; /*Safari árnyék verzió*/
   -moz-box-shadow:0px 0px 30px gray; /*Firefox árnyék verzió*/
   opacity: 1; /*átlátszóság*/
}
</style></p>

<div align="center" class="hovergallery"><img alt="" src="http://designgallery2.files.wordpress.com/2010/12/00570-o.jpg" /> <img alt="" src="http://designgallery2.files.wordpress.com/2010/12/00636.jpg" /> 

By: Sandalphon