how to make jquery not blur the edges

I have given this to blur an image but i also blurs the edges of the pictures which makes it weird for a website

$(function() {
    $({blurRadius: 0}).animate({blurRadius: 2}, {
        duration: 1500,
        easing: 'swing', // or "linear"
                         // use jQuery UI or Easing plugin for more options
        step: function() {
            console.log(this.blurRadius);
            $('.item').css({
                "-webkit-filter": "blur("+this.blurRadius+"px)",
                "filter": "blur("+this.blurRadius+"px)"
            });
        }
    });
});