关于Font Awesome图标的使用 加入动态效果

1.引入CSS

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/font-awesome-animation.min.css">

2.修改HTML

加入font parent awesome 的class元素

<!--<a>标签也可以-->
<div class="faa-parent animated-hover"><i class="fa fa-github faa-horizontal"></i></div>
/*<i>标签中空格前半部分为 图标的样式后半部分为图标的动态效果*/

• 图标样式可参考【这里】
• 动态样式可参考【这里】
• 测试效果可参考我的主页【演示界面】

3.转载注意

• 标明出处即可