Efeito Blur

Yo galera, hoje venho trazer mais um efeito foda, isso mesmo é foda! Ele é um efeito muito bom para melhorar o estilo de suas imagens do seu site. Qualquer dúvida deixe um comentário.

Demonstração

Procure por:

]]></b:skin>

Copie o código logo abaixo e cole acima dele:

/** EFEITO BLUR **/
.blur, .blur a {opacity: 1; -webkit-transition-duration: 1s;}
.blur:hover a {opacity: .30; -webkit-filter: blur(3px); -webkit-transition-duration: 1s;}
.blur a:hover {opacity: 1; -webkit-filter: blur(0px); -webkit-transition-duration}

Código HTML:

<div class="blur">
<a href="LINK"><img src="LINK DA IMAGEM"></a>
<a href="LINK"><img src="LINK DA IMAGEM"></a>
<a href="LINK"><img src="LINK DA IMAGEM"></a>
</div>