animate.css –齐全的CSS3动画库--- 学习笔记

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">

浏览器兼容：当然是只兼容支持 CSS3 animate 属性的浏览器，他们分别是：IE10+、Firefox、Chrome、Opera、Safari。

 

HTML 及使用

<div class="animated bounce" id="dowebok"></div>

$(function(){
    $('#dowebok').addClass('animated bounce');
});