Question

我正在制作一个包含大量css变换（rotate:45deg）的网站，但我对模糊文字/图片的问题很少。

我做了一个jsfiddle的例子。的 http://jsfiddle.net/4pjsh/

在 Chrome 中，我添加了“硬件加速”来修复动画期间的闪烁/蹩脚效果，但图像和文字现在总是模糊不清。我搜索并尝试了很多东西，却找不到让它们干净的方法。

在 Firefox 27 - 中，它运行正常但是由于mozilla发布了 firefox 28/29 ，当块动画时，图像模糊。在动画结束时，他们回来干净了。

有人知道如何解决这个问题？如果有可能......

由于

Answer 1

我删除了所有旋转，＆＃34;重新开始＆＃34;。不知何故，我至少摆脱了铬的模糊。

http://jsfiddle.net/4pjsh/6/

所以现在，我只是这样转动：

.gridd .item {
    -webkit-transform: rotate(45deg);
}
.gridd .zonelogo img {
    -webkit-transform: rotate(-45deg);
}
.gridd .item .blockMore p { //You don't need to be this specific
    -webkit-transform: rotate(-45deg)
}

抱歉，只有时间做-webkit的：）

Chrome / Firefox 28+中的模糊图像

1 个答案: