03 maio 2013

Como colocar efeito hover opacidade nas imagens do post do blog

Large
To animada pra postar hoje! "deu pra perceber né cloeeh" aiai, eu procurei por esse post e achei bem interessante e deixa o blog com um ar mais proficional, foffoh e muito -taaaa vou começar logoo:


Vá em modelo > Eidtar HTML > Aprete Crl+F e procure por: ]]></b:skin>

acima  de ]]></b:skin> cole o seguinte código:

.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:0.60; opacity:1.0; -webkit-transition-duration: .70s; }

Se quiser edite os números, mas aconselho que não mude fica bonitinho desse jeitinho mas é só uma sugestão!

Espero que tenham gostado do post ^^ bye, love you!!!!





Seja o primeiro(a):