程序猿必備的10款超炫酷HTML5 Canvas插件

1.超炫酷HTML5 Canvas 3D旋轉地球動畫

這是一款基於HTML5 Canvas的3D地球模擬動畫，動畫以太空做爲背景，地球在太空中旋轉，同時咱們也能夠拖拽鼠標來從不一樣的角度觀察地球。另外咱們也能夠經過點擊全屏按鈕來全屏觀看地球旋轉動畫，記得在很早之前咱們也分享過一款基於HTML5 Canvas的地球動畫，請看這裏。

在線演示

源碼下載

2.HTML5 Canvas 3D文字動畫 支持鼠標滾輪縮放

以前咱們已經爲你們分享過不少款炫酷和實用的HTML5文字動畫特效，最經典的就是這款HTML5 Canvas幻彩火焰文字特效。此次給你們帶來的是另一款基於HTML5 Canvas 3D文字動畫，它的特色是按住鼠標左鍵拖動文字能夠旋轉文字，從不一樣角度觀察文字；按住鼠標左鍵能夠移動文字；另外滑動鼠標滾輪能夠縮放文字大小。

在線演示

源碼下載

3.HTML5 Canvas五彩煙霧模擬動畫

以前咱們利用HTML5技術在Canvas上模擬了不少東西，好比最近剛分享的HTML5 Canvas 多種炫酷3D粒子圖形動畫。此次給你們帶來的也是一款基於HTML5 Canvas的動畫特效，它模擬了五彩煙霧的流動效果，這在Canvas上實現仍是比較簡單的。

在線演示

源碼下載

4.CSS3帶頭像的垂直彩色菜單

今天咱們要給你們分享一款比較特別的CSS3菜單，這款菜單是垂直樣式的，並且當鼠標滑過菜單項時，當前菜單項便可顯示一個精美的頭像，而且在頭像旁邊顯示一些格式化的文字。另外，每個菜單項的背景色能夠動態渲染。

在線演示

源碼下載

5.HTML5/CSS3 3D立方體拼圖 支持方向鍵旋轉

以前咱們分享過很多基於HTML5/CSS3和Canvas的3D立方體旋轉動畫，好比這款超絢麗CSS3多色彩發光立方體旋轉動畫，也有基於立方體作的菜單應用，好比超實用CSS3 3D菜單 菜單項懸浮凸出立體效果。今天咱們要分享的是一款基於HTML5和CSS3的3D立方體拼圖應用，一共有8個小立方體組成的3D拼圖，咱們能夠點擊立方體或者方向鍵完成拼圖，同時咱們也可讓立方體保持旋轉。

在線演示

源碼下載

6.CSS3/SVG實現的任務列表 超酷的按鈕點擊動畫

這是一款外觀很漂亮的CSS3/SVG任務列表插件，咱們能夠在輸入框中輸入本身須要完成的任務名稱，點擊添加按鈕後便可將任務添加到列表中去。這原本是一件很是普通的功能，可是利用CSS3和SVG，咱們在添加按鈕點擊時出現很是炫酷的動畫特效，這樣的特效在任務添加到列表和刪除列表中都一樣會出現，很是不錯。甚至咱們能夠將這款插件修改後變成一款很是華麗的評論插件。

在線演示

源碼下載

7.CSS3水平滑桿插件 帶氣泡數值提示

今天咱們要給你們介紹一款很酷的水平滑桿插件，和以前分享的jQuery雙向滑動杆 設置數值百分比和超可愛的純CSS3滑動開關按鈕相似，基本都是經過CSS3來美化瀏覽器默認的水平滑桿。今天分享的這款有一個特色，就是滑桿的數值帶有氣泡提示框，並且它就像氣球同樣拖動時會左右搖晃。

在線演示

源碼下載

8.CSS3/SVG自定義單選框Radiobox跳躍選擇動畫

這又是一款利用CSS3實現的自定義美化版Radiobox單選框，和以前分享的CSS3自定義發光radiobox單選框相似，這款radiobox也是利用CSS3重寫radiobox樣式實現的。另外，這款自定義單選框還結合了SVG的特性，實現了單選框選中時的跳躍動畫。

在線演示

源碼下載

9.基於HTML5 WebGL的3D星雲動畫特效

今天咱們給你們分享一個基於HTML5 Canvas的星雲動畫特效，整個畫面模擬了一個星系的外觀，好比模擬了太陽系，有不少小行星圍繞着星系中心旋轉，星系中心也顯得格外亮麗。這些小星點都是在Canvas上繪製而成，同時咱們還能夠拖拽鼠標從不一樣視角觀看星雲，很是大氣。

在線演示

源碼下載

10.jQuery Select下拉框美化插件 菜單淡如淡出動畫

儘管如今的瀏覽器更新換代後更增強大，瀏覽器默認控件也逐漸變得美觀起來，特別是Select下拉框，已經再也不是之前IE6那樣的醜陋了。可是今天咱們要爲你們分享一款基於jQuery的Select下拉框美化插件，它徹底重寫了瀏覽器默認的Select下拉框樣式，並且在下拉菜單展開時還伴隨淡如淡出的動畫效果，很是不錯。固然咱們之前也分享過一些相似的插件，能夠看看漂亮實用的Select下拉框美化插件Tether，也能夠看看這款jQuery 美化界面的下拉框。

在線演示

源碼下載

• 本文固定連接: http://www.i7758.com/archives/2866.html