缩放文本模糊

时间:2015-09-25 08:59:15

标签: html css html5 css3

我在悬停时按小幅放大文字。文字看起来很模糊。在寻找解决方案之后,我尝试了其他人提到的各种方法,但这些方法都不起作用。

例如

backface-visibility: hidden;

我还尝试在悬停之前缩小文本并使用悬停缩放到值1.这也无法工作。

如何在不模糊的情况下缩放文字?

我正在使用变换比例,而这个bug在webkit浏览器中

1 个答案:

答案 0 :(得分:0)

您可以缩放字体大小。请检查

span a{
    font-size: 24px;
}
span:hover a{
    color:#ba4a49 ;
    font-size: 240px;
    transition: all 2s linear;
}
<span><a href="#">Hello this looks blured during transition</a></span>

请检查This Link