Efecto en imágenes #1: Old blur

16 de julio de 2014

Hoy les traigo un efecto para las imágenes de su blog que les da un efecto de color sepia+blur 

Vista previa:


Para colocarlo en tu blog debes ir a Plantilla | Editar Html y pegar arriba de ]]></b:skin> el siguiente código:
.img {
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all .3s;
padding: 1px;
background: #;
margin: 2px;
}
.img:hover {
-webkit-filter: sepia(0.8) blur(1px);
-moz-transition: all 3s;
-webkit-transition: all 3s;
-o-transition: all 3s;
transition: all .3s;
}
En plantillas clásicas debes colocar el código arriba de </style> 


4 comentarios:

  1. Gracias por el tuto! Está muy bonito.

    ResponderEliminar
  2. que lindo *o* ,gracias por el tuto <3

    ResponderEliminar
  3. ¡Muy lindo! El efecto es genial y la foto del gatito es muy adorable <3
    Saludos~

    ResponderEliminar
Muchas gracias por dedicarle tu tiempo a mi blog! Espero que la entrada te haya gustado y no dudes en dejar tu opinión en un comentario ♥ (Por favor no dejes spam)