Dona do Blog

Olá!Sejam Bem-Vindos! Eu sou a Lika,criei o blog com intenção de compartilhar esse mundo louco em que vivo,novidades asiáticas,música,cultura,beleza,moda e muitos entretenimentos!Daily Crazy é mais que um diário virtual,uma EMOÇÃO! Hora de Explorar?

Afiliados ~

29 de ago de 2012

Efeito Opacidade nas imagens do Blog


Ei,Ou, Let's Go*)
Tudo bem com vocês?Espero que sim!
Pois é,estou aqui postando + um tutorial que terá um efeito fofo para o seu Blog,
Opacidade é um efeito para destacar a imagem ao passar o mouse,é tipo, aparece uma camada em cima da imagem (é super fofo)
Vamos lá!


Vá em Design - Editar HTML - E clique na caixinha ''Expandir modelo de widget''
Aperte F3 e procure:
]]></b:skin>

Agora cole o código abaixo em cima da Tag:
main img {
filter:alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}

.main img:hover {
filter:alpha(opacity=82);
-moz-opacity:0.82;
opacity:0.82;
}

 _________________________________________________________________________

''Caso queira o Efeito ao contrário,ou seja, A camada na imagem e ao passar o mouse a imagem fique normal,use o CÓDIGO abaixo'':
.main img {filter:alpha(opacity=82); -moz-opacity:0.82; opacity:0.82;}.main img:hover {filter:alpha(opacity=100);    -moz-opacity:1.0;    opacity:1.0;}


Gostou do Post?Comente!

Nenhum comentário:

Postar um comentário

Coment Here ;D

Se você quiser expressar um pouco
sinta-se à VONTADE!

Related Posts Plugin for WordPress, Blogger...
S Pink Premium Pointer