EFECTO REDES SOCIALES

EL siguiente código nos permite hacer el efecto que ves en la parte superior debes colocar dicho código en un GADGET HTML

CÓDIGO

<div class="separator" style="clear: both; text-align: center;">
 <a class="hovergallery" href="URL FACEBOOK" target="_blank">
<img src="URL IMAGEN FACEBOOK" /></a> <a class="hovergallery" href="URL TWITTER" target="_blank">
<img src="URL IMAGEN TWITTER" /></a>
<a class="hovergallery" href="URL YOUTUBE" target="_blank">
<img src="URL IMAGEN YOUTUBE" /></a> <a class="hovergallery" href="URL RSS" target="_blank">
<img src="URL IMAGEN RSS" /></a>

</div>
<style type="text/css">
.hovergallery img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 1px 5px 0;
}
.hovergallery img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
</style>

Busqueda