## animate动画使用
1. 引入animate库（每次添加图标到库都会更新）
```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
```
2. 使用方式
1）直接在标签内添加class
```
<p class="animated swing">swing</p>
```
2）通过js动态添加
```
<p id="test">test</p>
<script>
var test = document.getElementById("test");
test.onmouseover = function(){
this.classList.add('animated')
this.classList.add('shake');
}
test.onmouseout = function(){
this.classList.remove('shake');
}
</script>
```
