Personalizar Parceiros (Zoom +ou-)

2 de abr. de 2012

Olá pessoal, hoje venho trazendo o efeito Zoom, mas não só o Zoom +, mas também o -, então ta ae, espero que gostem...
Primeiro vai em MODELO, depois em EDITAR HTML
Depois ache a Tag:
]]></b:skin>
Logo Acima dela cole algum dos códigos:
Zoom +
img.parceirosws{
border: 1px solid #000;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
opacity: 0.9;
}
img.parceirosws:hover{
border:1px solid #000;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
box-shadow:0px 0px 20px black;
-webkit-box-shadow:0px 0px 20px black;
-moz-box-shadow:0px 0px 20px black;
opacity: 1;
}
Zoom -
img.parceirosws2{
margin: 2px;
border: solid 1px #000;
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
-o-transform:scale(1.0);
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
opacity: 0.9;
}
img.parceirosws2:hover{
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-o-transform:scale(0.9);
box-shadow:0px 0px 10px black;
-webkit-box-shadow:0px 0px 10px black;
-moz-box-shadow:0px 0px 10px black;
opacity: 1;
}
Div Para o efeito Zoom + é essa:
<a href="Link do Site Parceiro"><img src="Url do Banner do parceiro" class="parceirosws" /></a>
Div Para o Efeito Zoom - é essa:
<a href="Link do Site Parceiro"><img src="Url do Banner do parceiro " class="parceirosws2"/>
</a>

0 comentários:

Postar um comentário