Css Chrome/Firefox 28+；

我正在制作一个带有大量css转换（

旋转：45度

）的网站，但我对模糊的文本/图像几乎没有问题

我用一个例子做了一个JSFIDLE。

在Chrome中，我添加了“硬件加速”，以修复动画中的闪烁/糟糕效果，但现在图像和文本总是模糊的。我搜索和尝试了很多东西，但找不到一种方法让它们干净

在Firefox 27-中，它可以正常工作，但自从mozilla发布Firefox 28/29以来，当块被设置动画时，图像变得模糊。动画结束时，图像恢复干净

有人知道怎么解决吗？如果可能的话

---

谢谢

我删除了所有旋转，并“重新开始”。至少我摆脱了chrome中的模糊

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

.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操作：）