animate.css – 齊全的CSS3動畫庫
學習網站:
https://daneden.github.io/animate.css/
http://www.dowebok.com/98.html
animate.css 是一個來自國外的 CSS3 動畫庫,它預設了抖動(shake)、閃爍(flash)、彈跳(bounce)、翻轉(flip)、旋轉(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多達 60 多種動畫效果,幾乎包含了所有常見的動畫效果。
相容
浏覽器相容:當然是隻相容支援 CSS3 animate 屬性的浏覽器,他們分别是:IE10+、Firefox、Chrome、Opera、Safari。
引入檔案
<link rel="stylesheet" href="animate.min.css">
HTML 及使用
<div class="animated bounce" id="dowebok"></div>
$(function(){
$('#dowebok').addClass('animated bounce');
});