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