animate.css動畫庫的使用詳解

animate.css是一套官方自己定義好的動畫庫，引入css文件後，直接使用類名即可實現自己想要的css動畫效果。

1. 頁面添加animate.css文件：https://daneden.github.io/animate.css/

<link rel="stylesheet" href="./animate.css">

2. 獲取自己想要的類樣式效果，F12注意看類變化效果
（參考：https://daneden.github.io/animate.css/）可以知道自己想要效果的類樣式之後就可以實際運用了

3. 直接給指定的元素加上指定的動畫樣式名就行了

<div class="shake animated"></div>

4. 或者Jquery控制實現

我這裏給大家實際操作一個案例：

使用Jquery：點擊按鈕時候，給div添加一個動畫類。既可以實現抖動效果

<script>
    $(function(){
        $('#btn').on('click',function(){
            $('#time').addClass('shake animated');//設置對應的類樣式
        });
    })
</script>