缩放文本模糊

Question

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

例如

backface-visibility: hidden;

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

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

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

Answer 1

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

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