为什么阴影隐藏在元素移动

filter: drop-shadow(0 0 20px #fff); 
    -webkit-filter: drop-shadow(0 0 20px #fff);

阴影，但阴影消失，当元素移动。为什么是这样以及如何预防它。我的代码的jsfiddle：https://jsfiddle.net/vu14anwv/ 的问题出现在Chrome中，在火狐狸每一件事情是确定。

2016-08-01 cool

请你告诉我们你正在寻找到浏览器中，给出小提琴代码工作正常在Chrome和Firefox .. – vignesh

你有什么理由不使用常规的box-shadow？ https://jsfiddle.net/vu14anwv/1/ –

是真实形状不是正方形。这是一个六角形PNG文件。 – cool

尝试下拉阴影在要下出现的元素。

.element-that-is-to-be-under{ 
    filter: drop-shadow(0 0 20px #fff); 
    -webkit-filter: drop-shadow(0 0 20px #fff); 
}

2016-08-01 14:29:00

然后我必须再次旋转它，并发生同样的问题。 – cool

回答