藍(lán)藍(lán)設(shè)計(jì)的小編
談到網(wǎng)頁，不得不提到HTML5。憑借著其強(qiáng)大的3D渲染能力，HTML5讓很多開發(fā)者都躍躍欲試，都想親自體驗(yàn)一下HTML5的3D效果。今天本文就分享8款效果驚艷的HTML5 3D動(dòng)畫，您可以撿現(xiàn)成的看看，順便也可以學(xué)習(xí)學(xué)習(xí)HTML5的相關(guān)知識。
1、HTML5 WebGL水面、水波蕩漾
周周
編者按：學(xué)會(huì)工程師思維，可以幫助你快速梳理簡化設(shè)計(jì)流程，掌握跟工程師溝通的最佳方式。知己知彼，百戰(zhàn)不殆，想擁有工程師思維，你得先了解工程師是如何思考問題的，全文干貨不吹水，直接給勺子，收 >>>
1、CSS3/jQuery實(shí)現(xiàn)移動(dòng)端滑動(dòng)圖片層疊效果
這是一款基于jQuery和CSS3的圖片層疊插件，這和我們之前介紹的CSS3圖片層疊展開有點(diǎn)不同，它支持鼠標(biāo)滑動(dòng)切換圖片，同時(shí)如果在移動(dòng)端運(yùn)行的話，也支持觸屏滑動(dòng)來切換圖片。這款jQuery圖片應(yīng)用非常適合在手機(jī)上使用，效果還不錯(cuò)。
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
今天小編要給大家?guī)砹硗庖豢頗TML5 3D立方體翻轉(zhuǎn)動(dòng)畫，這款動(dòng)畫能實(shí)現(xiàn)多個(gè)立方體按一定順序翻轉(zhuǎn)，給人墻體翻轉(zhuǎn)的3D視覺效果。
今天我們繼續(xù)來為大家分享一些效果相當(dāng)不錯(cuò)的HTML5動(dòng)畫和實(shí)用的HTML5應(yīng)用，如果你對HTML5技術(shù)和jQuery等相關(guān)前端技術(shù)感興趣，歡迎繼續(xù)關(guān)注我們后續(xù)推薦的文章。本文介紹的8個(gè)非常神奇的HTML5動(dòng)畫和應(yīng)用，希望你會(huì)喜歡。
今天我們要來分享一款很酷的CSS3圖片，這款圖片可以利用鼠標(biāo)滑過圖片使其懸停放大，并使圖片的周圍出現(xiàn)發(fā)光的效果。配合黑色的背景，這款CSS3圖片懸停放大效果顯得更加立體大氣，非常適合產(chǎn)品圖片的展示。
@abo_abo 作為UI設(shè)計(jì)師，對待用戶就像對待嬰兒，知道如何通過界面設(shè)計(jì)誘導(dǎo)用戶非常重要，這就需要了解心理學(xué)方面的知識了。今天分享一篇日本設(shè)計(jì)師的好文，結(jié)合心理學(xué)與設(shè)計(jì)，教你讀懂心理學(xué)，提高說服力。
今天我們要來分享一款相當(dāng)逼真的HTML5 Canvas雨滴下落動(dòng)畫，該動(dòng)畫模擬雨滴附在窗戶上緩緩滑落的效果，同時(shí)窗戶也因?yàn)橛甑味兊媚：?，窗外的夜景便顯得格外迷人。利用HTML5技術(shù)，該雨滴下落動(dòng)畫一共有5種不同的效果。由于Chrome的跨域限制，本地將無法運(yùn)行，你可以在本站的在線演示中看到效果，或者將源代碼上傳至自己的服務(wù)器后瀏覽。
編者按：今天這篇文章是華為總監(jiān)@EDC尤原慶 讀完《設(shè)計(jì)師要懂心理學(xué)》后寫的讀書筆記，總18條，每一條都有讀者注解，不管之前是否讀過。都建議來看看總監(jiān)的讀書視角 >>>
用心設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.lmkl.com.cn
