Chrome文字在不透明度转换时变得模糊

时间:2015-01-25 17:13:21

标签: css hover transform css-transitions opacity

好吧,在chrome上模糊文字的好问题。

我正在创建一个CSS下拉菜单,从visibility: hiddenopacity: 0转换为visibility: visibleopacity: 1,文字略显模糊。

此问题在Firefox上不存在。文字很清晰。

你可以看到小提琴:http://jsfiddle.net/swum8rm7/1/

通过删除第21行上的过渡,您会看到文字变得清晰。我尝试了各种translateZbackface恶作剧,无法让它正常工作。

1 个答案:

答案 0 :(得分:0)

添加-webkit-font-smoothing: antialiased会使文字更好(虽然它仍然有点模糊)