Hey amores,trouxe mais um tutorial super divertido e fácil,nada de HTML,que tal mecher com o CSS?!
Bom,O efeito é o seguinte,a imagem estará um pouquinho mais clara,aí quando você passar o mouse nela ela ficará com a cor normal. Tipo assim,passe o mouse na imagem abaixo:
Percebeu alguma coisa? Pois é,esse é o efeito Opacity. Que tal aprender?...
1# Primeiro vá em Design > Personalizar > Avançado > Arraste a barre de rolagem até o final e aparecerá algo envolvendo CSS,clique > Aparecerá uma caixa para digitar texto,cole esse código:
.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;
duration: 50s;
}
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;
duration: 50s;
}
Não precisa editar nada,só clique em ''Aplicar ao blog'' e prontinho... Todas as imagens do seu blog ficarão com esse efeito!
Beijos,
Luisa...
É muito facinho, fica lindo.
ResponderExcluirJá sabia fazer!
NOVO POST!
http://bit.ly/W8fs7v
Obrigada querido!
ExcluirBeijinhos,
Luisa.
Awn, adorei o tutorial, muito útil, acho muito legal esse efeito!
ResponderExcluirAmei seu blog, muito lindoooo!!!!Parabéns!
Já virei seguidora!Poderia me ajudar com a minha meta de 550 seguidores? Agradeço desde já. Obrigada. Espero sua visita.
Bisous.
pequenomuffin.blogspot.com
brigada flor,você é muito simpática,e seu blog super cute!!!
Excluirbijinhos....
Luisa.