Delighters.JS是一款向下滚动页面，触发css动画。在插件的主要功能是监控页面的内容，当页面内容滚动到指定触发区域时，触发CSS3动画效果。 官方地址：https://q42.github.io/delighters/ githu

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包，你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。 GitHub地址：ht

CountUp.js 无依赖的、轻量级的 JavaScript 类，可以用来快速创建以一种更有趣的动画方式显示数值数据。尽管它的名字叫 countUp，但其实可以在两个方向进行变化，这是根据你传递的 start

Animate.css是一款非常不错的跨浏览器的CSS3动画库，使用Animate.css动画库中的设定，可以很轻松的实现CSS3的各种动画效果，可大大节省前端开发人员的工作量。 动画效果演示地址：https:

HTML5+CSS3 animations动画效果插件，有非常丰富的动画显示效果！ 网址：http://daneden.github.io/animate.css/ 以后制作html5+css3的动画就变得非常简单啦！ CSS3文件下载地址： https://raw.github.com/dane

先看一下效果图，会提升我们的学习兴趣哟： 好的，我将按照此图从上到下的顺序讲解，由于第一和第二种效果之气那篇博客《 CSS实现进度条和订单进度条 》已经介绍过怎么做的了，

来自国外的一个牛人写的 代码 ，根据 css3 的clip、 transform 和 animation 来实现的效果，所以你需要很清楚的知道这些属性是具有哪些作用的才能明白他这个 CSS 的原理。 clip transform keyfr