3D变换CSS3导致文本和图像模糊
应用 3D 变换时文本和图像模糊？
Text and images are blurred when 3d transform is applied?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
应用 3D 变换时文本和图像模糊？
Text and images are blurred when 3d transform is applied?
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（1）
这是因为您正在将它们缩放到沿 z 轴更靠近用户。通过使用变换将整个立方体向后移动 z 立方体宽度的一半，确保任何可读内容都保持在 z=0 处。
根据您的情况，修改您的#cube 规则：
像这样。为了补偿，您需要使立方体更宽，并使文本大于尺寸 11 才能正常工作。
That's because you are zooming them to be closer to the user along the z-axis. Make sure anything readable stays at z=0, by moving your whole cube back through z by half the width of the cube using a transform.
In your case, modify your #cube rules:
like that. To compensate, you'll need to make the cube wider, and make the text bigger than size 11 for it to work nicely.