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 é:
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!