HTML5、CSS3和jQuery這3大前端開發技術已經越來越成熟，而且這三者的緊密結合使得開發者可以有越來越豐富的想象空間。今天我們要來分享一些非常炫酷的HTML5相冊動畫應用，這些應用同時也結合了CSS3和jQuery，特别是第一個，非常具有創意，一起來看看吧。
1、HTML5 3D立體美女牆相冊
HTML5非常強大，尤其是和CSS3結合，有時候能達到非同凡響的網頁動畫效果。今天要分享的這款HTML5應用就是一款很酷的3D立體圖檔相冊應用，它可以用滑鼠多拽從多個角度浏覽相冊圖檔，點選圖檔，就可以放大圖檔，相冊圖檔都是美女，千萬别讓女朋友看到。
線上示範 / 源碼下載下傳
2、jQuery/HTML5響應式焦點圖動畫應用
之前我們分享過不少基于jQuery和HTML5的焦點圖動畫了，比如這裡10款精美實用的jQuery焦點圖動畫推薦就有不少收集的jQuery焦點圖插件，效果非常棒。今天要繼續為大家介紹一款jQuery/HTML5響應式焦點圖動畫插件，它的響應式特性可以讓焦點圖在移動裝置上也有不錯的效果。
線上示範 / 源碼下載下傳
3、jQuery垂直縮略圖相冊插件 支援滑鼠滑動翻頁
這是一款支援滑鼠拖拽的jQuery相冊插件，這款jQuery相冊的特點是右側有一排垂直的縮略圖，可以定義任意數量的圖檔，并且可以使用滑鼠拖拽來對縮略圖進行翻頁浏覽。另外，相冊的圖檔切換支援自動切換，也支援滑鼠點選按鈕切換和滑鼠滑動切換。
線上示範 / 源碼下載下傳
4、超炫酷的jQuery輪播焦點圖 底部帶切換縮略圖
前面我們剛剛分享過一款jQuery/HTML5響應式焦點圖動畫應用，效果非常炫酷。這次我們再來分享一款基于jQuery的圖檔輪播焦點圖，這款jQuery焦點圖的特點是整個圖檔播放器是寬屏的效果，并且在焦點圖底部有一排可以滑動的縮略圖，點選縮略圖可以快速跳轉到相應的圖檔。
線上示範 / 源碼下載下傳
5、HTML5 3D相冊圖檔輪播動畫
這是一款基于HTML5和CSS3的3D相冊浏覽插件，它可以将相冊中的圖檔以3D的方式展示出來，并且你可以滑動下面的滑杆來滑動圖檔浏覽，同時，我們也可以指定數字讓其直接跳轉到指定的圖檔。這款HTML5 3D圖檔輪播動畫用起來非常棒。
線上示範 / 源碼下載下傳
6、jQuery/CSS3動畫相冊圖檔浏覽插件
之前我們分享過一款基于jQuery的仿QQ空間相冊浏覽插件，功能上已經十分完善，但是缺少動畫效果。今天這款jQuery相冊插件正好彌補了動畫的缺陷，由于CSS3特性的利用，當我們點選圖檔浏覽的時候，縮略圖就會以淡入淡出的動畫效果消失，然後出現原始圖檔。同時你也可以點選左右按鈕來逐一浏覽相冊中的圖檔。
線上示範 / 源碼下載下傳
7、jQuery/CSS3實作拼圖效果的相冊插件
今天我們要來分享一款很酷的jQuery相冊插件，首先相冊中的圖檔會以一定的角度傾斜放置在頁面上，點選圖檔縮略圖就可以展開圖檔，并且圖檔是由所有縮略圖拼接而成，圖檔展開和收攏的動畫效果也非常不錯。當然圖檔傾斜需要CSS3支援。
線上示範 / 源碼下載下傳
8、CSS3動畫相冊 圖檔淡入淡出動畫效果
這是一款基于CSS3的動畫相冊，這樣的相冊我們之前也分享過不少，比如HTML5 3D立體圖檔相冊。非常的華麗。今天的這款CSS3相冊相對比較實用，當滑鼠劃過縮略圖時，原圖檔即會以淡入淡出的動畫效果展現出來，大家可以将它應用在自己的網站上。
線上示範 / 源碼下載下傳
以上就是8個超酷的HTML5相冊動畫應用，歡迎收藏分享。 轉載請注明原文連結：http://www.html5tricks.com/8-cool-html5-gallery.html