10款功能強大的HTML5/CSS3應用插件

        今天我們整理了 10 款功能非常強大的 HTML5/CSS3 應用插件供大家學習和使用，希望各位喜歡。

        1、純 CSS3 美化 Checkbox 和 Radiobox 按鈕，外觀很時尚

        利用 CSS3 我們可以打造非常具有個性化的用戶表單，今天我們就利用 CSS3 美化 Checkbox 復選框和 Radiobox 單選框。CSS3 美化 Checkbox 和 Radiobox 的原理很簡單，在頁面上新建一個 checkbox 和 radiobox 并給予他們默認的 label 標簽顯示文字，然后將 checkbox 和 radiobox 隱藏，再利用 CSS3 來美化 label 標簽，這樣，我們就自定義了 checkbox 和 radiobox，外觀很時尚。

        在線演示    /    源碼下載

        2、CSS3 多級下拉菜單，彈性展開下拉動畫

        利用 CSS3 制作的網頁菜單外觀都十分絢麗，而且都帶有一定的動畫特效。今天分享的這款 CSS3 多級下拉菜單可以方便地配置菜單的層級數，而且每一個菜單項都有自己的小圖標，顯得非常清新亮麗。該 CSS3 下拉菜單在展開子級菜單時會有彈性展開的動畫特效，是一款非常酷的下拉菜單。

        在線演示    /    源碼下載

        3、HTML5 樹葉飄落動畫，HTML5 動畫經典

        這是一款 HTML5 樹葉飄落動畫，這款 HTML5 樹葉飄落動畫是基于 webkit 內核的，所以需要 webkit 內核的瀏覽器才能播放該動畫，效果真的非常酷。

        在線演示    /    源碼下載

        4、jQuery 百葉窗焦點圖，超酷切換動畫

        這是 jQuery 百葉窗焦點圖插件，這款 jQuery 焦點圖的百葉窗效果非常酷，不僅可以橫向切換，也可以豎向切換。

        在線演示    /    源碼下載

        5、HTML5 圖片組合歸類效果，圖片分類利器

        HTML5 對處理一些簡單的動畫非常方便，比如移動、淡入淡出效果等。今天分享的這款 HTML5 圖片組合歸類特效就應用了 HTML5 的移動特效，當用戶選擇一個圖片分類時，相關分類的圖片就會移動到這個分類下面，并伴隨著淡入淡出的移動動畫，是一款效果很酷的 HTML5 圖片處理應用。

        在線演示    /    源碼下載

        6、HTML5 分步驟注冊表單，HTML5 表單經典

        表單在網頁應用中十分重要，今天我要向大家分享一款基于 HMLT5 的分步驟注冊表單，表單外觀比較華麗，點擊下一步按鈕即可跳轉到下一步填寫注冊信息。該 HTML5 表單使用了很多 CSS3 屬性，從而在表單切換時擁有彈性的動畫，是一款很不錯的 HTML5 表單。

        在線演示    /    源碼下載

        7、純 CSS3 圓形面包屑菜單，有展開動畫

        這是一個 CSS3 圓形面包屑菜單，該 CSS3 菜單的菜單項默認是圓形的，當鼠標滑過菜單項時，菜單項即會展開，并伴隨展開動畫。讓我們一起來看看這款純 CSS3 實現的圓形面包屑菜單吧。

        在線演示    /    源碼下載

        8、CSS3 3D 進度條，超炫進度加載動畫

        進度條在網頁設計中有著廣泛的應用，它不僅可以讓網頁外觀漂亮，而且可以提示用戶操作正在進行，提高用戶體驗。今天要分享的這款 CSS3 進度條，不僅外觀呈現 3D 立體，而且在進度加載時也呈現了超炫的動畫效果。我們一起來看看這款 CSS3 3D 進度條。

        在線演示    /    源碼下載

        9、HTML5 3D 相冊瀏覽，震撼人心

        這是一款 HTML5 3D 相冊瀏覽應用，圖片可以手動播放，也可以自動播放，效果非常震撼，趕緊把這款 HTML5 3D 相冊分享給你的朋友吧。

        在線演示    /    源碼下載

        10、CSS3 SVG 進度條 Loading 動畫，炫酷發光特效

        這是一款 CSS3 SVG 動畫進度條應用，進度條在進度加載中將會出現閃閃發光的炫酷特效，遺憾的是，需要高版本的 HTML5 瀏覽器才能支持發光動畫。

        在線演示    /    源碼下載

        怎么樣，欣賞完這 10 款功能強大而又實用的 HTML5/CSS3 應用插件，是不是覺得很棒呢！