1.jQuery多功能手風琴個人信息菜單面板 這是一款基於jQuery的手風琴個人信息菜單面板,每一個菜單項展開後可以自定義佈局,因此可以為每一個菜單項實現多功能。類似這樣的多功能菜單還有jQuery/CSS3大屏下拉菜單,非常實用。由於這款手風琴菜單是基於jQuery框架的,因此相容性和實用性很強 ...
1.jQuery多功能手風琴個人信息菜單面板
這是一款基於jQuery的手風琴個人信息菜單面板,每一個菜單項展開後可以自定義佈局,因此可以為每一個菜單項實現多功能。類似這樣的多功能菜單還有jQuery/CSS3大屏下拉菜單,非常實用。由於這款手風琴菜單是基於jQuery框架的,因此相容性和實用性很強。
2.純CSS3水平手風琴分享按鈕菜單
對於手風琴動畫,我們以前分享過很多,有基於jQuery的手風琴菜單,比如jQuery多層級垂直手風琴菜單;也有基於jQuery的手風琴焦點圖,比如jQuery實現橫向手風琴圖片輪播焦點圖效果。今天要分享的是一款利用純CSS3實現的水平手風琴分享按鈕菜單,每一個分享按鈕展開時會有該平臺的簡單介紹,非常絢麗實用。
3.HTML5 WebGL粒子爆炸動畫
之前我們分享過幾款非常炫酷的HTML5粒子動畫,比如這款HTML5像素粉碎圖片動畫和HTML5 Canvas彩色像素進度條動畫,都是利用了HTML5的粒子渲染特性實現。今天我們要分享另外一款基於HTML5和WebGL的粒子爆炸動畫特效,效果非常令人震撼。
4.超酷逼真的CSS3 3D書本翻頁動畫
之前我們分享過好幾款風格各異的jQuery書本翻頁插件和HTML5書本翻頁動畫,有幾個還是不錯的,比如jQuery書本翻頁3D動畫特效和HTML5 3D書本翻頁特效。今天要分享的也是一款基於CSS3的3D書本翻頁動畫,目前這個動畫不支持滑鼠交互,只可以自動將頁面打開和收攏。
5.超實用的jQuery淡入淡出焦點圖插件 帶3D相框
這是一款基於jQuery和CSS3的焦點圖插件,這款焦點圖的設計非常簡單,僅僅是自動播放一系列相片,相片在切換的時候帶有淡入淡出的動畫特效,使用起來也十分方便。另外一個特點是,這款jQuery焦點圖插件的相片外框呈現3D的效果,配合黑色的背景顯得非常立體大氣。
6.HTML5 Canvas人物四肢模擬及身體碰撞動畫
前幾天我們剛剛為大家分享過一款基於HTML5的人物四肢關節伸展模擬動畫,它可以模擬人物的頭部、四肢伸展情況,相當逼真。今天要介紹的這款HTML5 Canvas動畫在原來四肢模擬的基礎上,添加了身體碰撞模擬的動畫特效,我們用滑鼠模擬一個大鐵球,移動滑鼠後將大鐵球撞擊人物的身體,人物身體受到作用力後就會按一定方向進行翻轉活動,因此四肢也隨著伸展和擺動。當然這種動畫也應用了HTML5的重力感應特性。這種類似的動畫以前也介紹過一些,比如HTML5圖片相冊重力感應特效。
7.HTML5點陣列局部放大鏡動畫特效
記得以前我們分享過一款很酷的HTML5 3D 粒子波浪動畫特效,它由一連串點陣列組成,3D效果非常炫酷。今天要介紹的也是一個基於HTML5的點陣列動畫特效,當滑鼠滑過陣列時,陣列圖的局部將產生放大鏡的動畫特效,也具有極強的3D立體視覺效果。
8.純CSS3實現可感知方向的卡片翻轉動畫
今天我們要給大家分享一個看似簡單但卻非常有趣的純CSS3動畫特效,當我們將滑鼠滑過一個個卡片時,卡片可以進行翻轉,這個應該很容易,而且也很常見,你一定會說,這種翻轉動畫隨便用CSS3特性就可以實現了。但是這款CSS3卡片翻轉動畫有一個獨有的特點,就是它可以感知翻轉的方向,也就是說它可以根據用戶滑鼠滑過的方向來決定翻轉的角度,比如滑鼠從上往下滑過,那卡片就垂直翻轉,如果滑鼠從左往右滑過,那卡片就水平翻轉。你可以去研究一下它的CSS源碼,對你學習CSS3會有很大的幫助。
9.jQuery SVG左右彈性切換全屏焦點圖動畫
今天我們要為大家分享一款非常時尚和大氣的jQuery全屏焦點圖動畫,這款焦點圖插件的特點有2個,一個是焦點圖整體以全屏的方式呈現,顯得非常大氣,而且圖片四周也有3D陰影,立體視覺效果非常獨特。第二是焦點圖在圖片切換的時候以彈性淡入淡出的動畫方式,顯得相當時尚。動畫採用SVG相關特性,擴展十分靈活。
10.純CSS3實現超炫酷的螢火蟲動畫
今天要為大家帶來一款很有意思的純CSS3動畫,這次我們要利用CSS3的一些動畫屬性來繪製一隻閃閃發光的螢火蟲,和之前分享的純CSS3蚱蜢與純CSS3打火機類似,這隻螢火蟲也是用CSS3繪製,並且點擊螢火蟲可以關閉和打開它的翅膀,同時螢火蟲的閃閃發光也可以控制。
11.CSS3實現五彩3D旋轉星球
之前我們有分享過很多純CSS3和HTML5實現的球體動畫,比如這款HTML5 3D球體斑點運動動畫和HTML5 Canvas 地球旋轉3D動畫都非常不錯。今天要給大家分享另外一款超炫酷的CSS3五彩3D旋轉星球,旋轉起來的視覺效果相當震撼。