現(xiàn)在做的WordPress主題很少考慮IE等古董瀏覽器的兼容性問題，所以能最大程度的使用CSS3所帶來的便捷。

在近期的一個項目中，根據(jù)設計需求，需要把圖片以傾斜10度的方式來呈現(xiàn)出效果。于是便做了一個例子：[css]transform: skewX(10deg);-moz-transform: rotate(10deg);-webkit-transform: rotate(10deg);[/css] 把圖片旋轉了10度。本以為輕而易舉，可遇到了問題，圖片邊緣會有很明顯鋸齒，如果圖片上級元素含有overflow:hidden;屬性，則會讓鋸齒感更明顯。

通過查找相關的資料，終于找到了解決辦法。便是使用CSS3 3D transforms，通過GPU來渲染，能有效的起到抗鋸齒效果。我們只要簡單的在CSS3 transform屬性中加入translateZ(0)。例：[css]-webkit-transform: rotate(10deg) translateZ(0);[/css]

可以根據(jù)需要調(diào)整translateZ的值達到自己想要的效果。