小编Cre*_*Div的帖子
文本随着字体大小的增加而抖动
我试图通过添加类来增加点击 jquery 的字体大小，但面临一个非常奇怪的问题。当文字变大时，它开始晃动。谁能给我一个解决方案并向我解释为什么会发生这种情况？实际上，我已经尝试过缩放，并且我的文本在转换时不会抖动：缩放，但我不希望在那里缩放。它应该通过字体大小来计算。
gif 质量并不流畅，但正如你所看到的，它上下晃动。
这是代码的工作示例。
$("div h3").click(function() {
$("div h3").removeClass("active");
$(this).addClass("active");
})body {
font-family: 'Roboto', sans-serif;
}
div {
}
div h3 {
font-size:40px;
font-weight:800;
opacity:0.3;
margin:0;
transition:0.4s ease all;
}
div h3.active {
font-size:60px;
opacity:1;
transition:0.4s ease all;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap" rel="stylesheet">
<div>
<h3>Hello</h3>
<h3>Hello</h3>
<h3>Hello</h3>
</div>5
推荐指数
推荐指数
1
解决办法
解决办法
861
查看次数
查看次数