Aqui de novo trazendo uma nova box de efeito zoom ao passar o mouse faz zoom.
A imagem acima mostra como fica ,tem os mesmos icones mas efeito zoom...
Pode visualizar o efeito online; ENTRE AQUI...
Entre em esquema no seu painél e adicione um gadget html/javascript e cole código abaixo nele;
<style type="text/css">Nota: onde diz seu link vc coloca o link respectivo a cada rede social...
.bticones{
list-style-type:none;
margin:0;
padding:0;
width: auto px;
height:auto px;
background:-webkit-gradient(linear, 100% 14%, 10% 21%, from(#40e0d0), to(#ff3232));border:1px solid #ff8f85;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
.bticones li{
display:inline;
width: 50px;
height:50px;
}
.bticones li img{
width: 50px;
height: 50px;
padding:-1px;
margin-right: -16px;
-moz-transition:-moz-transform 0.1s ease-in;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.bticones li img:hover{
-moz-transform:scale(1.4);
-webkit-transform:scale(1.4);
-o-transform:scale(1.4);
}
</style>
<ul class="bticones">
<li><a href="seu link"><img src="http://i.imgur.com/6aWrpWw.png" title="feed" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/q3e3J1W.png" title=" Facebook" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/QVKO83i.png" title="StumbleUpon " /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/E7vqH0U.png" title="Twitter" /></a></li>
<li><a href="seu link"><img src="http://i.imgur.com/t80qHw0.png" title="tecnoraty" /></a></li>
</ul>
Créditos dos icones: iconizer
Espero que seja útil até mais...
Mostra SmilesOculta Smiles