Tutorial - Efeito Blur nas Imagens do Blog :)

Oi oi pessoal ^-^

Pelo visto não gostaram muito dos avatares que eu postei no post passado né? ;p

Mas deixa, eu  vim mostrar a vocês um efeito blur para as imagens do seu blog, e que eu mesma criei! Se tiver outra pessoa que também já tenha criado esse efeito, aí eu não sei, porque eu que criei esse efeito, e é oque eu tenho a falar :3

PREVIEW.

Quer aprender? ^-^

1. Vá em editar HTML e procure por ]]></b:skin>

acima dele, cole:

/*--Efeito blur by luuh mp--*/

.main img {

-webkit-filter: none;

transition-duration: 2s;

-moz-transition-duration: 2s;

-webkit-transition-duration: 2s;

-o-transition-duration: 2s;

}

.main img:hover {

-webkit-filter: blur(3px);

transition-duration: 2s;

-moz-transition-duration: 2s;

-webkit-transition-duration: 2s;

-o-transition-duration: 2s;

}

Pronto, agora salve, e o efeito estará nas imagens do seu blog!

Simples né? ^-^

E se reblogar, credite, credite, e credite aqui!

Kissus, e até mais <3