後臺中心與變換的3D和過濾模糊在Firefox

Question

inb4：對不起，這需要超長加載可怕的超大圖像，點擊鏈接並閱讀問題，如果以後你不喜歡等待！

因此，我正在製作一個網站，其中我用2d圖像移動鼠標使虛假的3D效果的this prototype。我想在用戶點擊其中一個三角形時突出顯示濾鏡模糊效果。

我的問題是it completely breaks in firefox當我添加的模糊。我沒有問題，但在Chrome瀏覽器的模糊，但由於某種原因在Firefox中，應該居中的背景圖像被右對齊，並由它自己的div裁剪，如果我在檢查器中更改背景位置，它將移出車的區域。

這裏的Chrome，然後我在Firefox中得到的屏幕截圖。

我不完全舒爾如何在放棄整個模糊想法旁邊這一點上做的。任何解決方案的想法都是優先

Answer 1

所以我必須完全設置爲0旋轉X Y和Z之前更改父母過濾器模糊設置通過javascript（僅當檢測到Firefox時）。 Here's它現在看起來像什麼。點擊動畫的GIf模糊，然後點擊任何地方以消除模糊。適用於Chrome和Firefox！

它basicaly是這樣工作的：

var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1; 
if(!isFirefox){ 
    3Danimation(); 
}