2.11.12

Efeito Blur

Yoo~~
 Irei mudar o nome do Blog
para "Sunday HTML" no próximo layout, acho que o nome atual
não tem nada a ver com o blog, pois posto mais coisas de html e tal.
Trouxe um efeito bem cute e simples e aposto 
que irão adorar!Visualize ele aqui[www]

Vamos Ver ?
Vá no seu HTML, aperte f3 e procure por:
]]></b:skin>
 Acima dessa tag cole esse código:
.efeito {-webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); -webkit-transition-duration: .9s;}
.efeito:hover {-webkit-filter: blur(0px); -moz-filter: blur(0px); filter: blur(0px); -webkit-transition-duration: .9s; }
Aumente 1px se quiser que a imagem esteja mais embaçada.
Agora para aparecer a efeito coloque esse código onde quer que apareça:
<img  src="imagem" class="efeito">
Onde está escrito imagem coloque o url da imagem que
você preferir!
Créditos[www]
Kissus =)

4 comentários:

  1. haha Adoreei, to ti Seguindo me segue?

    http://mundokawaiiecute.blogspot.com.br/

    ResponderExcluir
  2. adorei a tuto,bem explicada,mas nao curto muito esse tipo de efeito em foto... kkk'


    Beijos
    Retribui a Visita?
    patydeallstar.blogspot.com

    ResponderExcluir
  3. Amore, adorei teu blog, crei um tbm, faz pouquíssimo tempo.rsrs
    Te seguindo, me segue tbm!? Bsitos!
    http://blogdaianesoares.blogspot.com.br/

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações