這是一款基於jquery的手風琴個人資訊選單面板，每乙個選單項展開後可以自定義布局，因此可以為每乙個選單項實現多功能。類似這樣的多功能選單還有jquery/css3大屏下拉列表，非常實用。由於這款手風琴選單是基於jquery框架的，因此相容性和實用性很強。
對於手風琴動畫，我們以前分享過很多，有基於jquery的手風琴選單，比如jquery多層級垂直手風琴選單；也有基於jquery的手風琴焦點圖，比如jquery實現橫向手風琴輪播焦點圖效果。今天要分享的是一款利用純css3實現的水平手風琴分享按鈕選單，每乙個分享按鈕展開時會有該平台的簡單介紹，非常絢麗實用。
之前我們分享過幾款非常炫酷的html5粒子動畫，比如這款html5畫素粉碎動畫和html5 canvas彩色畫素進度條動畫，都是利用了html5的粒子渲染特性實現。今天我們要分享另外一款基於html5和webgl的粒子**動畫特效，效果非常令人震撼。
之前我們分享過好幾款風格各異的jquery書本翻頁外掛程式和html5書本翻頁動畫，有幾個還是不錯的，比如jquery書本翻頁3d動畫特效和html5 3d書本翻頁特效。今天要分享的也是一款基於css3的3d書本翻頁動畫，目前這個動畫不支援滑鼠互動，只可以自動將頁面開啟和收攏。
前幾天我們剛剛為大家分享過一款基於html5的人物四肢關節伸展模擬動畫，它可以模擬人物的頭部、四肢伸展情況，相當逼真。今天要介紹的這款html5 canvas動畫在原來四肢模擬的基礎上，新增了身體碰撞模擬的動畫特效，我們用滑鼠模擬乙個大鐵球，移動滑鼠後將大鐵球撞擊人物的身體，人物身體受到作用力後就會按一定方向進行翻轉活動，因此四肢也隨著伸展和擺動。當然這種動畫也應用了html5的重力感應特性。這種類似的動畫以前也介紹過一些，比如html5相簿重力感應特效。
記得以前我們分享過一款很酷的html5 3d 粒子波浪動畫特效，它由一連串點陣列組成，3d效果非常炫酷。今天要介紹的也是乙個基於html5的點陣列動畫特效，當滑鼠滑過陣列時，陣列圖的區域性將產生放大鏡的動畫特效，也具有極強的3d立體視覺效果。
今天我們要給大家分享乙個看似簡單但卻非常有趣的純css3動畫特效，當我們將滑鼠滑過乙個個卡片時，卡片可以進行翻轉，這個應該很容易，而且也很常見，你一定會說，這種翻轉動畫隨便用css3特性就可以實現了。但是這款css3卡片翻轉動畫有乙個獨有的特點，就是它可以感知翻轉的方向，也就是說它可以根據使用者滑鼠滑過的方向來決定翻轉的角度，比如滑鼠從上往下滑過，那卡片就垂直翻轉，如果滑鼠從左往右滑過，那卡片就水平翻轉。你可以去研究一下它的css原始碼，對你學習css3會有很大的幫助。
今天我們要為大家分享一款非常時尚和大氣的jquery全屏焦點圖動畫，這款焦點圖外掛程式的特點有2個，乙個是焦點圖整體以全屏的方式呈現，顯得非常大氣，而且四周也有3d陰影，立體視覺效果非常獨特。第二是焦點圖在切換的時候以彈性淡入淡出的動畫方式，顯得相當時尚。動畫採用svg相關特性，擴充套件十分靈活。
今天要為大家帶來一款很有意思的純css3動畫，這次我們要利用css3的一些動畫屬性來繪製乙隻閃閃發光的螢火蟲，和之前分享的純css3蚱蜢與純css3打火機類似，這只螢火蟲也是用css3繪製，並且點選螢火蟲可以關閉和開啟它的翅膀，同時螢火蟲的閃閃發光也可以控制。
之前我們有分享過很多純css3和html5實現的球體動畫，比如這款html5 3d球體斑點運動動畫和html5 canvas 地球旋轉3d動畫都非常不錯。今天要給大家分享另外一款超炫酷的css3五彩3d旋轉星球，旋轉起來的視覺效果相當震撼。
11個移動應用開發的HTML5框架和應用
2011 11 14 分類 it技術,工具與資源 標籤 html5,移動應用 分享到 1在過去的兩年裡，觸屏裝置飛速增長。ios 和 android 裝置讓開發者和設計師開始重新思考他們的web應用，以提供更好的觸屏體驗。相對於本地應用，移動web應用有很多優勢，但也有很多設計和開發上的挑戰。這裡列...
html和html5的區別
什麼是html5呢？html5最先由whatwg web 超文字應用技術工作組 命名的一種超文字標記語言，隨後和w3c的xhtml2.0 標準 相結合，產生現在最新一代的超文字標記語言。可以簡單點理解成 html 5 html css 3 js api。hmtl5於html的區別 我們現在web前端...
HTML5的5個的新特性
特性1 正規表示式 無須使用服務端的檢測，使用瀏覽器的本地功能，就可以幫助你判斷郵箱的格式，url，防止使用者輸入錯誤的資訊，通過h5的pattern屬性，很方便的整合這個功能。特性2 資料列表元素 在h5沒有出現之前，我們會選擇js或者jquery ui來實現自動補全功能，而在h5中，可以直接使用...