我的网站上有一个旋转装置,显示的代码如下:
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
<i class = "fa fa-cog fa-5x fa-spin"></i>
Run Code Online (Sandbox Code Playgroud)
就个人而言,我认为齿轮的速度太快了.我可以用CSS修改它吗?
我在一个实验中使用了 Font Awesome 和 jQuery,在一个动画之后,jQuery 用一个检查替换了列表中的加载图标,并且文本也发生了变化。但是,当我删除 jQueryreplaceWith
方法时,图标保持不变:
HTML:
<ul class="fa-ul">
<li><i class="fa-li fa fa-spinner fa-spin" id = "ToDo1"></i>Downloading</li>
<li><i class="fa-li fa fa-square" id = "ToDo2"></i>text</li>
<li><i class="fa-li fa fa-square" id = "ToDo3"></i>text</li>
<li><i class="fa-li fa fa-square" id = "ToDo4"></i>text</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
jQuery:
setTimeout(function() {
$("#ToDo1").removeClass("fa-spin fa-spinner");
$("#ToDo1").addClass("fa-check-square");
$("li:first").replaceWith("Download Complete");
$("#ToDo2").addClass("fa-spin fa-spinner");
}, 2000);
Run Code Online (Sandbox Code Playgroud)
结果:
前:
jQuery 之后 replaceWith
问题是什么?
我有一个带有纸质飞机图标的网页,字体很棒.是否有可能,因为它是一种字体,使它有一个小动画?例如,让它缩小并飞走,从下面出现?用jQuery,javascript还是CSS?
html ×4
animation ×2
css ×2
javascript ×2
jquery ×2
font-awesome ×1
image ×1
replacewith ×1
tabs ×1