同位素模糊谷歌铬的元素

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 按钮上也遇到过类似的问题。