为什么css转换旋转使文本丑陋

一些浏览器(对我来说:XP上的firefox& chrome)似乎没有在CSS旋转的文本上应用抗锯齿

例如:http://dabblet.com/gist/4281185

为什么它们应用于图像而不是文本?

解决方法

使用3D变换.使用3D变换属性,即使您实际上并没有进行任何3D转换也可以提高性能,如下所示:

>它将踢在“GPU”上,并获得更流畅的性能.
>它将在按钮的认状态下将文本(缩小)放在一边,因此转换开始时并不是一个惊喜.

WebKit有一个令人讨厌的(我称之为一个bug),其中文本被转换/转换看起来都很细腻.认情况下,文字看起来不错,但当按钮处于转换或转换时,您将会闪烁并变薄.

希望这可以帮助.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效