2013-12-22 77 views
1

我正試圖在一個新項目中實現一些涉及3D轉換的css3,雖然我設法克服了有限的InternetExplorer支持,但我在使Firefox工作時遇到問題。CSS 3D轉換Firefox的問題

似乎有過度閃爍變換時發生的任我使用rotateY(deg)rotate3d(x,y,z,angle)方法,只有在Firefox瀏覽器。在Chrome或甚至Internet Explorer中,它們都能正常工作。

你可以明白我的意思的JSFiddle here。(將鼠標懸停了div看到效果。)

有沒有辦法解決,仍然有3D效果,將在所有三個火狐,Chrome瀏覽器和IE瀏覽器?

+0

在我的FF上運行得非常順利v26 –

+0

我也在運行v26,我甚至每晚都嘗試過,而且看到過度的顫抖/閃爍。你確定你沒有注意到任何問題嗎?您是否嘗試在Chrome中運行它以查看差異? –

+0

他們似乎是相同的,除了旋轉軸似乎不同的大三角形(藍綠色) –

回答

2

Edit2:我可以在Firefox 26.0版本中確認閃爍。

你可以看看這個問題Here其他可能的方法來防止閃爍。

編輯:我很抱歉,如果這不是一個很大的答案。我會評論,但我不允許。

編輯3:#test3d的閃爍是非常差不好。動畫渲染完全無法觀看,並且在完成前似乎回溯數次。

+0

這是否意味着你不能在你的電腦中看到任何閃爍?如果你不能評論只是更新你的實際答案。請確認。 –

+0

我似乎能夠評論我自己的帖子。如上所述,我**可以**確認Firefox **中有**閃爍。 我現在嘗試各種解決方案,看看我能否解決它,但說實話,它可能是Mozilla的錯。 – Leaf

+0

爲了幫助您尋找解決方案,我想提一下,徹底去除「透視圖」將會阻止閃爍,但不會有3D效果,特別是在其他更復雜的3D變換中。 –