【发布时间】：2014-03-28 15:46:30
【问题描述】：
我在谷歌浏览器中使用同位素，所有项目包含：
-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);但它不起作用
【问题讨论】：
-
你解决过这个问题吗？
-
请放一个JSFiddle
-
@ISuthanBala：所以supports embedded code snippets 现在。
-
请张贴模糊和/或工作小提琴/示例的屏幕截图。通过使用您提供的其他方式进行模糊和调试，无法具体了解您的意思。
-
你可以看看这个答案：stackoverflow.com/questions/26176557/…
标签： javascript jquery css google-chrome jquery-isotope