6 abr. 2013

Como hacer que una imagen este borrosa y al pasar el cursor se pone normal

Hola chicas y chicos también ^^
Hoy les traigo un tuto super bonito que va a quedar precioso en vuestras entradas.
Se trata de que las imágenes estén borrosas y cuando les pases el mouse se vea bien ^^
Yo no lo tengo así pero es muy fácil y bonito.



Bueno lo primero que van a hacer es Diseño-Plantilla y buscan  ]]></b:skin>  y después pegan este código
.post-body img{-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;filter: blur(2px); -webkit-filter: blur(2px); -moz-filter: blur(2px);} .post-body img:hover{filter: none; -webkit-filter: blur(0px);-moz-filter: blur(0px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
Ahora vas a Ver Blog y pasas sobre una imagen ¿Esta chulii?



Creditos a:It better of Desing

3 comentarios:

кuму dijo...

wow gracias n.n

Dayana Cortes dijo...

waaaa gracias por la tutorial!
saludos y cuidate!

Dianna dijo...

Me parece bien, pero no entiendo bien en dónde pegarlo ¿Podrías ayudarme?

Vuelve el blog a tu Idioma