Olá, venho trazendo vários efeitos de parceiros para vocês, espero que gostem^^
Procure por:
]]></b:skin>
Agora cole algum desses Efeitos ACIMA da tag encontrada
Opacidade Comum:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
background:#fff;
}
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0;}
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0;}
Opacidade Transitória:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
background:#fff;
}
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;}
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear;}
Opacidade Arredondada com Sombra:
#parceiros img{opacity: .3;
filter:alpha(opacity=30);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
border: 1x #fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:#fff;
}
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0; box-shadow: 1px 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px 1px #000; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; }
#parceiros img:hover{opacity:5.0; filter:alpha(opacity=500); -moz-opacity: 5.0; -khtml-opacity: 5.0; box-shadow: 1px 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px 1px #000; -webkit-box-shadow: 1px 1px 1px 1px #000; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -webkit-transition: all 0.7s linear; -moz-transition: all 0.7s linear; -o-transition: all 0.7s linear; transition: all 0.7s linear; }
Quando Escolher um desses efeitos, você deve usar essa Div aki para usá-los:(no HTML/JAVASCRIPT,por exemplo)
<div id="parceiros">
Cole os codigos de Banners aki
</div>
Cole os codigos de Banners aki
</div>
aaa
ResponderExcluir