Delighters.JS是一款向下滾動頁面，觸發(fā)css動畫。在插件的主要功能是監(jiān)控頁面的內(nèi)容，當(dāng)頁面內(nèi)容滾動到指定觸發(fā)區(qū)域時，觸發(fā)CSS3動畫效果。 官方地址：https://q42.github.io/delighters/ githu

Magic CSS3 Animations 動畫是一款獨特的CSS3動畫特效包，你可以自由地使用在您的網(wǎng)頁中。只需簡單的在頁面上引入 CSS 文件: magic.css 或者壓縮版本 magic.min.css 就可以使用了。 GitHub地址：ht

CountUp.js 無依賴的、輕量級的 JavaScript 類，可以用來快速創(chuàng)建以一種更有趣的動畫方式顯示數(shù)值數(shù)據(jù)。盡管它的名字叫 countUp，但其實可以在兩個方向進行變化，這是根據(jù)你傳遞的 start

Animate.css是一款非常不錯的跨瀏覽器的CSS3動畫庫，使用Animate.css動畫庫中的設(shè)定，可以很輕松的實現(xiàn)CSS3的各種動畫效果，可大大節(jié)省前端開發(fā)人員的工作量。 動畫效果演示地址：https:

HTML5+CSS3 animations動畫效果插件，有非常豐富的動畫顯示效果！ 網(wǎng)址：http://daneden.github.io/animate.css/ 以后制作html5+css3的動畫就變得非常簡單啦！ CSS3文件下載地址： https://raw.github.com/dane

先看一下效果圖，會提升我們的學(xué)習(xí)興趣喲： 好的，我將按照此圖從上到下的順序講解，由于第一和第二種效果之氣那篇博客《 CSS實現(xiàn)進度條和訂單進度條 》已經(jīng)介紹過怎么做的了，

來自國外的一個牛人寫的 代碼 ，根據(jù) css3 的clip、 transform 和 animation 來實現(xiàn)的效果，所以你需要很清楚的知道這些屬性是具有哪些作用的才能明白他這個 CSS 的原理。 clip transform keyfr