共计 920 个字符，预计需要花费 3 分钟才能阅读完成。
1.Animista
网站地址:http://animista.net/
网站形容: 在线生成 css 动画
2.Animate CSS
网站地址:http://daneden.github.io/anim…
网站形容: 齐全的 CSS3 动画库
3.Angrytools
网站地址: https://angrytools.com/css/an…
4.Hover.css
网站地址: http://ianlunn.github.io/Hover/
网站形容: 纯 CSS3 鼠标滑过成果动画库
Hover.css 是许多 CSS 动画的汇合，与下面的动画不同，每次将元素悬停时都会触发。
一组 CSS3 反对的悬停成果，可利用于链接、按钮、徽标、SVG 和特色图像等。
** 用法
它非常简单: 只需将类的名称增加到元素中，比方
<button class="hvr-fade">Hover me!</button>5.WickedCSS
网站地址: http://kristofferandreasen.gi…
WickedCSS 是一个小的 CSS 动画库，它没有太多的动画变体，但至多有很大的变动。其中大多数是咱们曾经相熟的基础知识，但它们的确很洁净。
它的用法很简略，只需将动画的名称增加到元素中即可。<div class="bounceIn"></div>
** 应用 JS
document.querySelector('.my-element').classList.add('bounceIn')** 应用 JQ$(".my-element").addClass("bounceIn")
豌豆资源搜寻网站 https://55wd.com
6.Three Dots
网站地址: https://nzbin.github.io/three
Three Dots 是一组 CSS 加载动画，它由三个点组成，而这些点仅由单个元素组成。
** 用法
只需创立一个 div 元素，并增加动画的名称 <div class="dot-elastic"></div>
7.TweenMax.js
网站地址：https://www.tweenmax.com.cn/i…
8.Velocity.js
网站地址：http://shouce.jb51.net/veloci…