Oi meus pirulitos!
Hoje vou ensinar como colocar efeito hover nas imagens.
O que é isso?
Efeito Hover:é aquele que a imagem fica clarinha e quando passa o cursor fica normal.
Dúvidas olhe no blog http://watermelonandcherry.blogspot.com.br
Meu também!
Design->Editar HTML->Prosseguir->F3(botão do teclado)->E procure por:
]]></b:skin>
Quando achar cole em cima:
.main img {
filter:alpha(opacity=45);
-moz-opacity:0.45;
opacity:0.45;
-webkit-transition-duration: .70s;
}
.main img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
-webkit-transition-duration: .70s;
}
Mude a opacidade do jeito que vc melhor preferir->Visualize->E pronto
Gostaram? Comentem!
Beijocas
Nenhum comentário:
Postar um comentário