Tutorial: Efecto desenfoque en imágenes

Hola! Hoy les traigo este pequeño tutorial, muy fácil y el resultado es super lindo.

Vista previa

Para plantilla Básica o Blogger:
Plantilla | Editar HTML | CTRL+F y buscas:
]]></b:skin> 
Para plantilla Clásica o Blogskin pegar el código antes de:
 </style>
Arriba de ]]></b:skin> pegas: 
img{
-webkit-transition-duration: .60s;
 }
img:hover{
 -webkit-filter: blur(2px);-moz-filter: blur(2px);-ms-filter: blur(2px);-o-filter: blur(2px);filter: blur(2px);
}
¡Y listo!
Chau >//<

5 comentarios:

  1. Gracias por el tuto esta hermoso (●ω●)

    ResponderEliminar
  2. Muy lindo efecto
    Gracias por compartirlo~

    ResponderEliminar
  3. Hola!
    Me gusta el efecto.
    Gracias por compartir el tutorial.
    Besos

    ResponderEliminar
  4. Esta perfecto el efecto! si arreglo lo de los malditos marcos de mi blog de seguro lo coloco:3

    ResponderEliminar
  5. Esta perfecto el efecto! si arreglo lo de los malditos marcos de mi blog de seguro lo coloco:3

    ResponderEliminar

¡Gracias por tu comentario!

Emojis:
⸜(。˃ ᵕ ˂ )⸝♡ | ૮ ˶ᵔ ᵕ ᵔ˶ ა | (>▽<) | ପ(๑•ᴗ•๑)ଓ ♡ | (╯ω╰) | (☆▽☆) | (≧ω≦) | ૮ • ﻌ - ა | ଘ(੭ˊᵕˋ)੭ | (・∀・ ) | (¬_¬) | (ノ◕ヮ◕)ノ*:・゚✧ | ฅ^•ﻌ•^ฅ | (¬‿¬) | (─‿‿─) | (~ ̄▽ ̄)~ | (︶ω︶) | ٩(ˊᗜˋ*)و ♡ | (╥﹏╥) | (✿ ♥‿♥) | ●ᴥ●

Simbolos:
♡♥♫△☆ღ