1.引入CSS

1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome-animation@0.2.1/dist/font-awesome-animation.min.css">

2.修改HTML

加入font parent awesome 的class元素

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

3.转载注意

  • 标明出处即可