藍(lán)藍(lán)設(shè)計的小編
這次要分享的也是一款不錯的CSS3動畫按鈕，當(dāng)我們將鼠標(biāo)滑過按鈕時，按鈕會展現(xiàn)不同方式的動畫效果，大家可以具體看看演示。
今天要給給位分享一款基于CSS3的鼠標(biāo)懸停動畫菜單按鈕，這款菜單是由一個個小按鈕組成，當(dāng)我們將鼠標(biāo)滑過菜單項(xiàng)時，按鈕上的圖標(biāo)將出現(xiàn)懸浮的動畫。
周周
編者按：今天這篇總結(jié)了幾個優(yōu)秀的全屏背景網(wǎng)站特點(diǎn)，關(guān)鍵是幫同學(xué)們掌握在一張大圖上放不同元素的技巧，理解了本質(zhì)后對PPT、平面設(shè)計、海報設(shè)計等都有很大幫助，非常實(shí)用 >>>
這次還是要分享一款CSS3對話框插件，另外，這款對話框的特點(diǎn)是點(diǎn)擊按鈕后對話框會以3D旋轉(zhuǎn)的動畫展現(xiàn)出來。更令人驚嘆的是，點(diǎn)擊按鈕的不同部位，對話框3D旋轉(zhuǎn)的動畫方式也會不同。
今天要給大家介紹一款強(qiáng)大的CSS3動畫庫animate.css，animate.css定義了大概50多種動畫形式，包括淡入淡出，文字飛入、左右搖擺動畫等等。使用animate.css也非常簡單，你可以給頁面上的任意元素，特別是文字添加各種神奇的動畫，一起來嘗試一下吧。
編者按：不論是網(wǎng)頁設(shè)計師還是UI設(shè)計師，登錄和注冊頁面的設(shè)計是必然經(jīng)歷過的工作內(nèi)容。登錄界面的設(shè)計說難不難，說容易也不是那么輕松就可以做好的，要在安全和可用性之間找到登錄界面的平衡點(diǎn)，還是需要相當(dāng)?shù)慕?jīng)驗(yàn)來支撐的。今天的文章來自GoSquared團(tuán)隊(duì)，他們在登錄界面的設(shè)計上細(xì)致入微，值得學(xué)習(xí)哦~
今天我們要來分享一組很酷的jQuery插件，這款jQuery插件實(shí)現(xiàn)了6組不同樣式的超酷儀表盤指示器動畫。儀表盤的背景是一張圖片，通過jQuery來動態(tài)生成一些屬性標(biāo)簽，比如儀表盤的刻度和指針等。效果非常不錯。
1、HTML5 Canvas模擬衣服撕扯動畫 超級逼真
今天又要來推薦一款HTML5 Canvas動畫，是一個模擬衣服撕扯動畫，效果非常逼真。剛開始衣服掛在繩子上，用鼠標(biāo)拖拽衣服即可讓衣服擺動起來，當(dāng)你拖拽的很用力時，你會發(fā)現(xiàn)，衣服被撕破了。該HTML5動畫會捕獲到鼠標(biāo)拖拽的用力程度，從而來判斷并實(shí)現(xiàn)衣服應(yīng)該破損的程度，越用力，衣服被撕破的速度越快，趕緊來體驗(yàn)一下這個HTML5動畫吧。
編者按：今天這篇近萬字的長文是@Goodmor寧 整理大量資料后總結(jié)的，從日本設(shè)計的興起過程聊到中國設(shè)計的發(fā)展，超多史料，還附有他與設(shè)計前輩張子健先生的訪談呦 >>>
談到網(wǎng)頁，不得不提到HTML5。憑借著其強(qiáng)大的3D渲染能力，HTML5讓很多開發(fā)者都躍躍欲試，都想親自體驗(yàn)一下HTML5的3D效果。今天本文就分享8款效果驚艷的HTML5 3D動畫，您可以撿現(xiàn)成的看看，順便也可以學(xué)習(xí)學(xué)習(xí)HTML5的相關(guān)知識。
1、HTML5 WebGL水面、水波蕩漾
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com
