Java 如何设置图像模糊的动画？

我想在JQuery中设置图像模糊的动画

我有这样的图像：

<img id="right" class="vote" src="css/images/no.png" alt="no button" onclick="vote(0)">

但这行不通

---

我在等你的答案。

下面是一个仅使用CSS模糊悬停图像的示例。 看看

#css-filter-blur:hover { -webkit-filter: blur(2px); filter: url(#blur-effect-1); }

更新

---

类似这样的东西

我推荐Richa的纯css解决方案，但如果您真的想：

   $("#right").animate({blurRadius: 30}, {
        duration: 1000,
        step: function() {
            $(this).css({
                "-webkit-filter": "blur("+this.blurRadius+"px)"
            });
        }
    });

---

谢谢，但是我想用JQuery制作动画但是用JQuery？因为我可以用CSS来做这件事animation@ioh看看最新的小提琴。这就是你要找的吗

   $("#right").animate({blurRadius: 30}, {
        duration: 1000,
        step: function() {
            $(this).css({
                "-webkit-filter": "blur("+this.blurRadius+"px)"
            });
        }
    });