26 setembro 2012

Efeito Css3 - Desfoque

Tumblr_maz2pb7nkb1rfjsn6o1_500_large

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">

Nenhum comentário:

Postar um comentário

Comente que eu retribuo!