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

某互聯網公司是華南最大的網絡零售交易平臺第三方客服外包型服務公司，為網絡零售商家提供更多更優秀的金牌客服，公司主營淘寶天貓客服外包托管，淘寶動態評分提升，天貓DSR動

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

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

Modernizr 是一個 JavaScript 庫，用于檢測用戶瀏覽器的 HTML5 與 CSS3 特性。使用炫酷新穎的 web 技術是一件很有趣的事情，但你不得不面對落后的瀏覽器。Modernizr 使你可以方便地為各種情況編

selectivizr讓IE6、7、8瀏覽器支持CSS3偽類和屬性選擇器的JavaScript插件，你只需要將腳本包含在你的頁面當中，就可以獲得selectivizr的支持。 selectivizr插件下載地址：http://selectivizr.com/downl

在網頁中，我們可以用CSS的font-family屬性來定義字體，然而定義的字體在用戶的電腦上能否正確呈現則要看用戶的電腦是否安裝了該字體。我們經常能看到國外的一些個人 網站 使用了非

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