這次我們整理了8款最新的HTML5/CSS3特效及源碼，這些特效包括HTML5文字特效、HTML5焦點圖特效、CSS3/HTML5進度條特效等類型，一起來看看吧。
1、CSS3/jQuery全屏立體焦點圖 時尚大氣
jQuery是一個非常流行的Javascript架構，今天我們要分享一款基于jQuery和CSS3的焦點圖動畫，該jQuery焦點圖插件是全屏立體的效果，看上去非常時尚和大氣。而且，焦點圖在圖檔滑動的時候非常流暢，性能應該也還不錯。
線上示範 / 源碼下載下傳
2、HTML5/CSS3文字投影特效 乳白陰影文字效果
之前向大家分享過一款HTML5 Canvas字母文字顆粒動畫，效果非常不錯，由此可見，利用HTML5和CSS3可以友善的實作很多以前很難實作的文字特效。今天我要向大家介紹一款HTML5/CSS3文字投影特效，它的使用也很簡單，HTML5文字陰影效果也比較酷。
線上示範 / 源碼下載下傳
3、HTML5/CSS3實作旋轉圖檔播放焦點圖 旋轉比較流暢
HTML5焦點圖可以實作很多炫酷的效果，就像這款CSS3百葉窗焦點圖特效就很不錯。今天我們再來分享一款另外一種效果的HTML5焦點圖插件，該焦點圖利用CSS3的屬性實作了圖檔旋轉的動畫效果，既可以順時針旋轉，也可以逆時針旋轉，并且圖檔旋轉也比較流暢。
線上示範 / 源碼下載下傳
4、HTML5 Canvas Google電吉他 支援鍵盤彈奏
這是當年Google為紀念萊斯·保羅而設計的Google首頁Logo，它利用HTML5技術實作了電吉他彈奏效果。這款HTML5電吉他不僅可以滑鼠滑過琴弦發出音樂聲，而且可以利用鍵盤來彈奏出美妙的樂章，懂音律的朋友可以彈奏一下試試。
線上示範 / 源碼下載下傳
5、HTML5 Canvas字母文字顆粒動畫 可設定重力感應
網頁文字在一般情況下隻能設定顔色、大小、粗細等基本的特征，但是利用HTML5技術，我們可以讓網頁文字變得更加絢麗和動感。今天要分享的這款HTML5 Canvas字母文字動畫效果很不錯，它可以讓26個英文字母實作顆粒跳動的效果，你不僅可以設定需要播放動畫的字母，也可以設定不同的效果方式，而且也可以設定重力感應效果，是一款非常不錯的HTML5文字特效。
線上示範 / 源碼下載下傳
6、HTML5 3D書本翻頁特效 3D效果比較漂亮
利用HTML5和CSS3實作3D效果真的非常友善，下面這款書本翻頁特效就很好地利用了HTML5的3D特性。滑鼠拖拽書本頁面即可翻動頁面，在翻頁的過程中整本書還呈現出3D立體的效果，包括書本中的圖檔也十分立體。
線上示範 / 源碼下載下傳
7、HTML5折線圖表Aristochart 圖表配置簡單
之前我已經向大家分享了幾款HTML5圖表應用，HTML5 Canvas圖表應用RGraph、HTML5 Canvas餅狀圖表。利用這些HTML5圖表可以很友善的展示各種資料，而且非常直覺。今天要向大家分享一款HTML5折線圖表插件Aristochart，Aristochart擴充非常靈活，配置也比較簡單，是一款很實用的HTML5圖表應用。
線上示範1 / 線上示範2 / 線上示範3 / 線上示範4 / 源碼下載下傳
8、CSS3 Loading進度條加載動畫特效 3款絢麗風格
前面我向大家分享了幾款非常漂亮的CSS3進度條插件，CSS3 SVG 進度條 Loading 動畫、純CSS3進度條 華麗5色進度條示例。今天我要分享一款更加炫酷的CSS3進度條加載動畫特效，該動畫特效有3個不同的風格，注意，IE6，7，8是不支援該進度條動畫的。
線上示範 / 源碼下載下傳
好了，以上這8款絢麗而又實用的HTML5/CSS3最新應用應該能幫助到你的開發上，歡迎收藏分享。