藍(lán)藍(lán)設(shè)計(jì)的小編
這是一款基于純CSS3的菜單導(dǎo)航，這款菜單非常有個(gè)性，菜單背景是一頁古老的筆記本紙張，菜單項(xiàng)像是浮動(dòng)的文字一樣嵌入在紙張上。鼠標(biāo)滑過菜單項(xiàng)時(shí)會(huì)出現(xiàn)不同的背景線條，顯得相當(dāng)可愛。這款CSS3菜單導(dǎo)航非常適合在個(gè)人博客中使用。
chart.js是一款基于HTML5 Canvas的圖表插件，chart.js的功能非常強(qiáng)大，它不僅提供了常見的柱形圖、折線圖、餅狀圖，而且還提供了環(huán)形圖、雷達(dá)圖，樣式外觀多樣，圖表的色彩搭配也比較清新。chart.js還有一個(gè)特點(diǎn)就是圖表在初始化的時(shí)候有彈性動(dòng)畫，這也是HTML5 Canvas的一大功勞。
今天要分享的一款HTML5 Canvas圖表應(yīng)用提供了折線圖和柱形圖兩種，這款HTML5圖表在初始化數(shù)據(jù)的時(shí)候有一種漸現(xiàn)的動(dòng)畫，我們可以將這款圖表應(yīng)用在統(tǒng)計(jì)頁面上。
這是一款帶有3D動(dòng)畫的CSS3菜單，該菜單有以下幾個(gè)特點(diǎn)：首先是菜單時(shí)基于CSS3的，因此瀏覽器兼容性都還可以；其次這款菜單支持二級(jí)下拉菜單，功能上也基本能滿足大部分開發(fā)者；最后這款菜單最大的亮點(diǎn)在于展開下拉菜單時(shí)，子菜單可以旋轉(zhuǎn)的展開和收縮，給人3D的視覺效果。
前我們已經(jīng)向大家分享過一些基于HTML5的地圖應(yīng)用，比如jQuery矢量SVG地圖插件JVectorMap，以及這款HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單。今天要分享的這款HTML5地圖應(yīng)用是一張世界地圖，地圖元素是使用SVG繪制的，并且地圖可以拖拽和局部縮放，效果非常不錯(cuò)。
之前我們分享過很多漂亮的網(wǎng)頁按鈕動(dòng)畫，大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質(zhì)感的背景，并且鼠標(biāo)滑過按鈕時(shí)按鈕邊框還會(huì)發(fā)光，呈現(xiàn)出3D立體的視覺效果。
這次要分享的也是一款不錯(cuò)的CSS3動(dòng)畫按鈕，當(dāng)我們將鼠標(biāo)滑過按鈕時(shí)，按鈕會(huì)展現(xiàn)不同方式的動(dòng)畫效果，大家可以具體看看演示。
今天要給給位分享一款基于CSS3的鼠標(biāo)懸停動(dòng)畫菜單按鈕，這款菜單是由一個(gè)個(gè)小按鈕組成，當(dāng)我們將鼠標(biāo)滑過菜單項(xiàng)時(shí)，按鈕上的圖標(biāo)將出現(xiàn)懸浮的動(dòng)畫。
這次還是要分享一款CSS3對(duì)話框插件，另外，這款對(duì)話框的特點(diǎn)是點(diǎn)擊按鈕后對(duì)話框會(huì)以3D旋轉(zhuǎn)的動(dòng)畫展現(xiàn)出來。更令人驚嘆的是，點(diǎn)擊按鈕的不同部位，對(duì)話框3D旋轉(zhuǎn)的動(dòng)畫方式也會(huì)不同。
今天要給大家介紹一款強(qiáng)大的CSS3動(dòng)畫庫(kù)animate.css，animate.css定義了大概50多種動(dòng)畫形式，包括淡入淡出，文字飛入、左右搖擺動(dòng)畫等等。使用animate.css也非常簡(jiǎn)單，你可以給頁面上的任意元素，特別是文字添加各種神奇的動(dòng)畫，一起來嘗試一下吧。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sdgs6788.com
