Question

我在谷歌浏览器中使用同位素，所有项目都包含：

-webkit-transform: translate3d(properties);

并且每个偶数元素[2,4,6,8,10,12,14 ...]都在chrome中模糊，在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-transform：scale3d（0.5,0.5,1）;但它不起作用

Answer 1

可能是透视。尝试将默认透视图放在元素上。我在Safari上遇到类似的3D按钮问题。

同位素模糊谷歌铬的元素

1 个答案: