Personalizar Parceiros (Levantar)

1 de abr. de 2012

Olá pessoal, hoje venho trazendo vários tipos de levantar nos banners de parceiros, espero que gostem...
Obs: Salve seu templante antes de qualquer alteração
Primeiro vai em MODELO, depois em EDITAR HTML
Depois ache a Tag:
]]></b:skin>
Agora cole acima dela qualquer um dos Códigos abaixo
Levantar Comum:
.parceiros img{
-webkit-box-shadow: 0px 0px 0px black;
-moz-box-shadow: 0px 0px 0px black;
-o-box-shadow: 0px 0px 0px black;
position: relative;
border: 0px solid black;
top: 0px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.parceiros img:hover {
-webkit-box-shadow: 3px 3px 5px black;
-moz-box-shadow: 3px 3px 5px black;
-o-box-shadow: 3px 3px 5px black;
position: relative;
top: -5px;
border: 0px solid black;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
Levantar com Opacidade:
.parceiros4 img{opacity: .3;
-webkit-box-shadow: 0px 0px 0px black;
-moz-box-shadow: 0px 0px 0px black;
-o-box-shadow: 0px 0px 0px black;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
position: relative;
border: 0px solid black;
top: 0px;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
.parceiros4 img:hover{opacity:5.0;
-webkit-box-shadow: 3px 3px 5px black;
-moz-box-shadow: 3px 3px 5px black;
-o-box-shadow: 3px 3px 5px black;
filter:alpha(opacity=30);
-moz-opacity: 5.0;
-khtml-opacity: 5.0;
position: relative;
top: -5px;
border: 0px solid black;
-webkit-transition: all 0.15s linear;
-moz-transition: all 0.15s linear;
-o-transition: all 0.15s linear;
transition: all 0.15s linear;
}
A Div para os efeitos é essa:
<div class="parceiros">
Cole os Códigos dos Banners logo aqui
</div>

0 comentários:

Postar um comentário