html - 缩放后的文字模糊

Question

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

例如。

backface-visibility: hidden;

我也试过在悬停前缩小文本并使用悬停缩放到值 1。这也不起作用。

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

我使用的是变换比例，这个错误在 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