Html 3D变换CSS3导致文本和图像模糊

应用3d变换时，文本和图像会变得模糊？

这是因为您正在沿z轴缩放它们以更接近用户。通过使用变换将整个立方体移回z，使其宽度减半，以确保任何可读内容都保持在z=0

在您的情况下，修改#多维数据集规则：

#wrapper.red #cube {
    -webkit-transform: translateZ(-210px) rotateY(90deg);
}

---

像那样。为了进行补偿，您需要将多维数据集加宽，并使文本的大小大于11，这样它才能正常工作。

我看到了一些抗锯齿效果，但没有模糊效果。如果3D环境中的像素没有与监视器对齐，或者渲染（反）混叠或插值了一点，这并不奇怪。非常感谢Rich Bradshaw。是的，你说得对。我注意到所有的东西都被放大了。修复了文本和图像模糊的问题。现在我有缩放动画加载，但这将是固定的