Efeito Css3 - Desfoque

Olá galerinha, como estão ? Curtindo muitos blogs ?
É mas eu não vim falar sobre isso, vim trazer um tutorial bem legal, ele desfoca a imagem com o CSS, e além disso é muito fácil.

Olha como é:

Vocês também podem visualizar esse efeito na elite aqui do blog :)

Mas agora vamos ao tutorial.
Let's go now ♪
Aperte F3 e Procure por ]]></b:skin>.
Logo acime cole o código abaixo

.blur {
 -webkit-filter: blur(1px);
 -moz-filter: blur(1px);
 -ms-filter: blur(1px);
 -o-filter: blur(1px);
 filter: blur(1px);
}
.blur:hover {
 -webkit-filter: blur(5px);
 -moz-filter: blur(5px);
 -ms-filter: blur(5px);
 -o-filter: blur(5px);
 filter: blur(5px);
}

Para usar é só adicionar um gadget HTML/Jasvascript com o código abaixo:

<img src="Link da Imagen" class="blur">