Personalizar Parceiros (Novo)

2 de abr. de 2012

Olá pessoal, hoje venho trazendo um efeito que acho muito bonito, que é o que nós usamos aqui, ele não tem nome próprio mas eu chamo ele de Opacidade Arredondada, espero que gostem...
Primeiro vai em MODELO, depois em EDITAR HTML
Depois ache a Tag:
]]></b:skin>
Agore cole acima dessa Tag esse código CSS:
Opacidade Arredondada:
/* Parceiros
----------------------------------------------- */
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-top:1px solid #0f0f0f;
border-left:1px solid #0f0f0f;
border-right:1px solid #0f0f0f;
border-bottom:1px solid #0f0f0f;
background:#fff;
}
#parceiros img:hover{opacity:5.0;
filter:alpha(opacity=500);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
box-shadow: 0px 0px 3px 0px #000;
-moz-box-shadow: 0px 0px 3px 0px #000;
-webkit-box-shadow: 0px 0px 3px 0px #000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-top:1px solid #0f0f0f;
border-left:1px solid #0f0f0f;
border-right:1px solid #0f0f0f;
border-bottom:1px solid #0f0f0f;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
A Div para o efeito é essa:
<div id="parceiros">
Cole os Códigos dos Banners logo aqui
</div>

0 comentários:

Postar um comentário