在前端开发中,如果想要实现简单的爱的魔力转圈圈似的加载效果,可以试试一款叫做奥森图标的字体来实现。
官网:https://www.thinkcmf.com/font_awesome.html
fa-spin
类可以加旋转特效。
fa-nx
类可以加放大特效,其中n
可以是2,3,4,5.
fa-pulse
类可以实现8步旋转,效果上就是不那么丝滑了。
加载中示例:
<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
卡卡的旋转:
<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
小齿轮也可以旋转:
<i class="fa fa-cog fa-spin fa-3x fa-fw"></i>
更多用法示例和效果可以参见官网示例。