NO IMAGE

本文要向大家分享8款效果迷人的jQuery/CSS3 3D應用外掛,有些需要在支援3D渲染的瀏覽器中實現,有些是利用jQuery和CSS3組合實現的偽3D效果,一起來看看吧。

1、純CSS3和Checkbox實現3D按鈕開關

這款CSS3按鈕利用了Checkbox,從而實現了開關按鈕效果。該CSS3開關一共有四種風格。

線上演示 /
原始碼下載

2、jQuery/CSS3實現的3D相簿

CSS3和jQuery實現的3D相簿,共3種效果,非常酷。

線上演示 /
原始碼下載

3、CSS3動畫Loading載入SVG進度條

這是一款基於純CSS3技術的Loading載入進度條,由於CSS3的運用,進度條不僅擁有3D立體的效果,而且擁有載入時的動畫特效。

線上演示 /
原始碼下載

4、CSS偽元素實現的3D按鈕

CSS偽元素實現的3D按鈕,一共5組按鈕,是一款絢麗的CSS3按鈕特效。

線上演示 /
原始碼下載

5、超具立體感的CSS3 3D彈性按鈕

這個按鈕是使用純CSS3製作的3D彈性按鈕,你可以試著點選這個按鈕,感覺非常有意思。

線上演示 /
原始碼下載

6、HTML5 Canvas 3D立體圖片展示外掛

這款特效是基於HTML5 Canvas實現的,利用HTML5中的3D技術實現了3D立體的圖片牆,需要支援HTML5 3D技術的瀏覽器才能正常演示。

線上演示 /
原始碼下載

7、jQuery 3D圖片展示效果,帶圖片描述

這是一款基於jQuery和CSS3的3D圖片展示效果,圖片一開始躺在桌面上,點選圖片時,圖片就像站起來一樣展示出來,非常有立體的感覺,並且圖片展示時帶有圖片描述的toolTip。

線上演示 /
原始碼下載

8、jQuery實現3D圓盤圖片播放,支援滑鼠滾輪

這款相片播放工具是基於jQuery實現的3D圓盤型別的,圖片像是在圓盤上旋轉一樣,支援滑鼠滾輪,而且圖片有漂亮的tooltip。

線上演示 /
原始碼下載

以上就是8款效果迷人的jQuery/CSS3 3D應用外掛,部分特效來自tympanus.net,由網頁素材大全整理髮布,歡迎收藏。