这个 JQuery 动画看起来很不稳定,我可以修复它吗?如果没有,我该如何使用 CSS 来实现呢?也许我使用 JQuery 来编辑 CSS?
<h1>Test</h1>
<button onclick="anim()">Start Animation</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" charset="utf-8"></script>
function anim() {
$("h1").animate({fontSize: '50px'});
}
h1 {
font-size: 30px;
}
最佳答案
使用 CSS3,您可以使用过渡来设置字体大小的动画:
h1 {
font-size: 30px;
transition: font 1s ease;
}
h1.bigger {
font-size:50px;
}
fiddle :https://jsfiddle.net/z6ztfgcg/3/
但对我来说,您的示例中的 javascript 看起来并不起伏不定。
关于javascript - 我怎样才能修复这个 JQuery 动画,让它不那么断断续续?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45880209/