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" ></div>
$(function(){ $('#dowebok').addClass('animated bounce'); });
- 上一篇 »CSS揭秘—打字动效,四
- 下一篇 »vue 集成 animate.css 动画库