使用旋轉webkit時出現鋸齒形文字問題

Question

有關如何使文本「內聯」顯示的任何想法？

我對我的作品做了一個寶麗來照片效果，旋轉完全毀了字體，不確定是否有修復。

放心，它不是那麼糟糕我目前的字體，但其他字體看起來很糟糕。

代碼：

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; 
} 

Answer 1

讓我猜猜，Chrome瀏覽器？

儘量-webkit-backface-visibility: hidden;

我讀過，有些人避免此問題通過應用3D變換旋轉，如transform: rotate3d(1, 2.0, 3.0, 10deg)，所以這可能是一個清晰的解決方案。

Answer 2

您應該嘗試應用text-shadow以使字體平滑。

在這裏，你可以嘗試不同的陰影，選擇一個微妙的一個，並檢查它的外觀與旋轉： http://www.elfboy.com/text-shadow/