Css 使用旋转webkit时出现锯齿状文本问题

关于如何使文本显示为“内联”有什么想法吗

我在我的公文包上做了一个宝丽来照片效果，旋转完全破坏了字体，不确定是否有修复

放心吧，我现在的字体还不错，但是其他字体看起来很糟糕

代码：

figure.polaroid {
width: 221px;
height: 240px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
background-color: white;
padding: 10px;
box-shadow: 1px 2px 10px black;
margin-top: 25px;
border-radius: 5px;
}

让我猜猜，Chrome

尝试

-webkit背面可见性：隐藏

我读到一些人通过应用3d变换来避免这个问题，例如
变换：rotate3d（1,2.0,3.0,10deg）
，所以这可能是一个更干净的解决方案。
你应该尝试应用
文本阴影
，使字体平滑

在这里，您可以尝试不同的阴影，选择一个细微的阴影，并检查旋转时的效果：
向我们展示您的css，告诉我们浏览器在
旋转（3deg）
时出现了什么问题。我看到构成
边框图像的九块边缘出现了渲染问题。使用您的建议更改为
rotate3d（1,2.0,3.0,3deg）
完全消除了故障。