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

前端之家收集整理的这篇文章主要介绍了为什么css转换旋转使文本丑陋前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一些浏览器(对我来说:XP上的firefox& chrome)似乎没有在CSS旋转的文本上应用抗锯齿

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

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

解决方法

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

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

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

希望这可以帮助.

原文链接:https://www.f2er.com/css/214532.html

猜你在找的CSS相关文章