首頁(yè)

html5動(dòng)效系列六：分享8個(gè)超酷的HTML5相冊(cè)動(dòng)畫應(yīng)用

藍(lán)藍(lán)設(shè)計(jì)的小編

HTML5、CSS3和jQuery這3大前端開發(fā)技術(shù)已經(jīng)越來越成熟，而且這三者的緊密結(jié)合使得開發(fā)者可以有越來越豐富的想象空間。今天我們要來分享一些非常炫酷的HTML5相冊(cè)動(dòng)畫應(yīng)用，這些應(yīng)用同時(shí)也結(jié)合了CSS3和jQuery，特別是第一個(gè)，非常具有創(chuàng)意，一起來看看吧。

1、HTML5 3D立體美女墻相冊(cè)

HTML5非常強(qiáng)大，尤其是和CSS3結(jié)合，有時(shí)候能達(dá)到非同凡響的網(wǎng)頁(yè)動(dòng)畫效果。今天要分享的這款HTML5應(yīng)用就是一款很酷的3D立體圖片相冊(cè)應(yīng)用，它可以用鼠標(biāo)多拽從多個(gè)角度瀏覽相冊(cè)圖片，點(diǎn)擊圖片，就可以放大圖片，相冊(cè)圖片都是美女，千萬別讓女朋友看到。

評(píng)論(0) 瀏覽(6964)

html5動(dòng)效系列五：jQuery左右層疊幻燈片焦點(diǎn)圖插件

藍(lán)藍(lán)設(shè)計(jì)的小編

之前我們向大家分享過一款CSS3/jQuery實(shí)現(xiàn)移動(dòng)端滑動(dòng)圖片層疊效果，圖片層疊切換效果非常不錯(cuò)。今天我們要來分享一款jQuery左右層疊幻燈片焦點(diǎn)圖插件，點(diǎn)擊左右切換按鈕即可將隱藏一半在后面的圖片展示出來，唯一的缺陷是不能循環(huán)切換。

評(píng)論(0) 瀏覽(4348)

html5動(dòng)效系列四:10個(gè)經(jīng)典實(shí)用的HTML5圖表動(dòng)畫應(yīng)用

藍(lán)藍(lán)設(shè)計(jì)的小編

今天我們要來分享另外一種類型的HTML5動(dòng)畫：HTML5圖表應(yīng)用。圖表在網(wǎng)頁(yè)中應(yīng)用十分廣泛，尤其是后臺(tái)的統(tǒng)計(jì)功能，更能體現(xiàn)出圖表的強(qiáng)大之處。本文將介紹一些比較實(shí)用的HTML5圖表動(dòng)畫，有些結(jié)合jQuery，有些是直接基于Canvas，一起來看看吧。

1、超酷HTML5 Canvas圖表應(yīng)用Chart.js

之前我們已經(jīng)為大家分享過很多HTML5圖表應(yīng)用了，每一個(gè)HTML5圖表都非常實(shí)用。今天我們要介紹一款基于HTML5 Canvas的圖表應(yīng)用Chart.js，它的功能非常強(qiáng)大，有很多圖表類型，包括折線圖、柱狀圖、餅圖、放射圖等，你可以下載并將它們應(yīng)用到自己的項(xiàng)目中。

html5-canvas-chart-js

評(píng)論(0) 瀏覽(6914)

html5動(dòng)效系列三：CSS3自定義美化復(fù)選框Checkbox組合

藍(lán)藍(lán)設(shè)計(jì)的小編

CSS3自定義美化復(fù)選框Checkbox組合

今天我們要來分享一組非常漂亮的CSS3自定義復(fù)選框checkbox，每一個(gè)checkbox都有其各自的特點(diǎn)。有幾款checkbox在選中的情況下還會(huì)出現(xiàn)動(dòng)畫效果，非常不錯(cuò)的CSS3自定義美化checkbox組合。另外，之前分享過的jQuery實(shí)現(xiàn)美化版的單選框和復(fù)選框也是非常不錯(cuò)。

評(píng)論(0) 瀏覽(6384)

html5動(dòng)效系列二：超級(jí)驚艷 10款HTML5動(dòng)畫推薦

藍(lán)藍(lán)設(shè)計(jì)的小編

今天我們要來推薦 10 款超級(jí)驚艷的 HTML5 動(dòng)畫，有一些是基于 CSS3 和 jQuery 的，比較實(shí)用，特別是前幾個(gè) HTML5 動(dòng)畫，簡(jiǎn)直酷斃了，現(xiàn)在將它們分享給大家，也許你能用到這些 HTML5 動(dòng)畫和 jQuery 應(yīng)用。

1、HTML5 Canvas 發(fā)光 Loading 動(dòng)畫

之前我們分享過很多基于 CSS3 的 Loading 動(dòng)畫效果，相信大家都很喜歡。今天我們要來分享一款基于 HTML5 Canvas 的發(fā)光 Loading 加載動(dòng)畫。Loading 旋轉(zhuǎn)圖標(biāo)是在 canvas 畫布上繪制的，整個(gè) loading 動(dòng)畫是發(fā)光 3D 的視覺效果，HTML5 非常強(qiáng)大。

評(píng)論(0) 瀏覽(6425)

量身打造的學(xué)問！如何準(zhǔn)確地傳達(dá)出字體的氣質(zhì)？

周周

font-temperament-accurate-expression-1

不管是平面設(shè)計(jì)師還是UI設(shè)計(jì)師，在工作中幾乎都會(huì)用到字體。如今形形色色的字體日增月盛，也就有了不同的性格和氣質(zhì)。選擇使用一款字體的時(shí)候，除了考慮它的易讀性，更多考慮的是這款字體能否準(zhǔn)確地傳達(dá)出對(duì)產(chǎn)品獨(dú)有的氣質(zhì) >>>

評(píng)論(0) 瀏覽(5851)

帶你去冒險(xiǎn)！20個(gè)炫酷好玩兒的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

20-attractive-navigations-websites-1

簡(jiǎn)單有效的導(dǎo)航欄設(shè)計(jì)能夠極大的提高用戶體驗(yàn)，不僅能讓用戶更快找到他們想要的內(nèi)容，還能適當(dāng)分擔(dān)搜索引擎的壓力。常見的導(dǎo)航設(shè)計(jì)我想大家都已經(jīng)非常熟悉了，今天我們要分享的一些有趣的、原創(chuàng)的、甚至具有一定開創(chuàng)性的導(dǎo)航欄設(shè)計(jì)方案，這些優(yōu)秀的設(shè)計(jì)非常引人注目，令人難忘。這些網(wǎng)站的導(dǎo)航欄設(shè)計(jì)，比起傳統(tǒng)的導(dǎo)航會(huì)相對(duì)更復(fù)雜一些，但是絕對(duì)會(huì)令你眼界大開。

評(píng)論(0) 瀏覽(3887)

動(dòng)效設(shè)計(jì)的物理法則

藍(lán)藍(lán)設(shè)計(jì)的小編

動(dòng)效作為當(dāng)今提升網(wǎng)頁(yè)感官效果的利器，在各種類型的網(wǎng)頁(yè)中已經(jīng)全面開花，如何做到自然流暢讓用戶感覺舒適的動(dòng)畫效果呢？今天就來跟大家聊一聊動(dòng)效設(shè)計(jì)的物理法則，以及它是如何應(yīng)用的。

首先來一發(fā)大師金句，迪士尼動(dòng)畫大師格里穆·乃特維克曾經(jīng)說過： 1

評(píng)論(0) 瀏覽(4843)

日歷

鏈接

個(gè)人資料

存檔