javascript - 谷歌浏览器中的同位素模糊元素

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 按钮问题。