## 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>
```