爲什麼陰影隱藏在元素移動

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

回答