How to add slow blur effect using jquery and css

| By Webner

Suppose you have to blur this image: To show it like this and this blur effect should be gradual: This is one solution to achieve this: $(document).ready(function() { animationTime(); }); function slowblur(number) { $(‘#firstimage’).css({‘filter’:’blur(‘+number+’px)’,’-webkit-filter’: ‘blur(‘+number+’px)’,’-moz-filter’: ‘blur(‘+number+’px)’, ‘-o-filter’: ‘blur(‘+number+’px)’,’-ms-filter’: ‘blur(‘+number+’px)’}); }