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