resmin üzerine gelince resmi bulanıklaştırma nasıl?

merhaba jquery yada css ile resmin üzerine gelince onu bulanklaştırmayı nasıl yapabilirim

Konuyu takipteyim banada lazım.

Mobil cihazdan gönderildi yazım hatalarından dolayı özür dilerim.

blur özelliği ile yaparsınız
misal
-webkit-filter: blur(5px);
css3 ile gelen bir özelliktir css3 süz tarayıcılarda calışmaz

<div class="blur-resim">
  <img src="resim1.jpg">
</div>

/*BLUR*/
.blur-resim {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.blur-resim:hover {
  -webkit-filter: blur(5px);
}

Bu şekilde CSS ile yapabilirsin ama her tarayıcıda desteklemez.