谷歌瀏覽器

同位素模糊元素我用同位素在谷歌Chrome和所有項目包含：谷歌瀏覽器

-webkit-transform: translate3d(properties);

和每個偶數元素[2,4,6,8,10,12,14 ... ]在鉻模糊，在Firefox一切正常

這裏是第一元素的屬性：

position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(225px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(450px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(675px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(900px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 183px, 0px);

我曾嘗試使用-webkit變換：scale3d（0.5，0.5，1）;但它不起作用

來源

2014-02-26 Marek Szmalc

你有沒有解決這個問題？ – leen3o

現在請放一個JSFiddle –

@ISuthanBala：SO [支持嵌入的代碼片段]（http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。 –

這可能是視角。嘗試將默認視角放在元素上。我在Safari上遇到了3D按鈕的類似問題。

來源

2014-10-30 13:36:26 arrow

回答

相關問題