Css3过渡模糊闪烁边缘

Question

我正在尝试添加一种效果，如果您单击按钮会使背景模糊，但是最初的问题是由于某种原因边缘出现了白色，因此我使用了有效的负边距将其推出，但是当我尝试时为动画设置动画，并且边缘似乎重新出现，然后在动画完成后消失，从而导致闪烁效果？

Jsfiddle： https ：//jsfiddle.net/xq2ohL4x/

$(function(){
    $("#clickme").click(function(){
        setTimeout(function(){
        $(".image").css("-webkit-filter", "blur(18px)");
    },1000); 
    });
});  

有任何想法吗？

提前致谢 ：）

Answer 1

看看这是否适合您。 更改为此。

transition: 2s -webkit-filter linear;