1.CSS3實現的火柴燃燒Loading加載動(dòng)畫

這次我們要給大家分享一款非常特别的CSS3 Loading加載動(dòng)畫，整個(gè)Loading加載動(dòng)畫就好像是火柴在燃燒一樣，不足的是火苗并沒有那麼真實，比較抽象，不過這款Loading動(dòng)畫還是比較富有創意，非常适合在一些個(gè)性化的頁面上使用。

在線演示

源碼下(xià)載

2.純CSS3精美樣式的飄帶特效

還記得之前我們分享過一些基于CSS3的飄帶樣式菜單嗎？比如(rú)這款CSS3 飄帶菜單 超酷3D CSS3菜單和(hé)CSS3飄帶狀3D菜單 菜單帶小圖标。今天我們要給大家介紹另外一種CSS3飄帶樣式的特效，它非常适合在圖片上标注一些文(wén)字描述，樣式非常精美。

在線演示

源碼下(xià)載

3.純CSS3實現陰陽太極動(dòng)畫

這是一款很有趣的純CSS3小動(dòng)畫，它是我們中(zhōng)國人都非常熟悉的陰陽太極圖案，整個(gè)圖案是利用純CSS3繪制而成，而且更酷的是，這個(gè)太極圖案還會不斷旋轉，看上去非常的神秘。而且這個(gè)旋轉動(dòng)畫特效也是利用CSS3的動(dòng)畫屬性實現。

在線演示

源碼下(xià)載

4.jQuery/CSS3郵票邊框的照片牆相冊

今天我們要給大家分享一款非常個(gè)性化的照片牆，它的特點是我們可(kě)以将照片随意的陳列在桌面上，可(kě)以是不同的擺放角度；另外一個(gè)特點是圖片的邊框是郵票樣式的，一張張圖片就像漂亮(liàng)的郵票一樣，而且鼠标滑過圖片時，圖片右下(xià)角将會翻起，并且出現淡淡的投影，看上去很有立體的視覺效果。

在線演示

源碼下(xià)載

5.jQuery圓弧形圖片播放插件 可(kě)自動(dòng)播放

今天我們要為大家介紹一款非常有特色的jQuery圖片播放插件，之前我們介紹的jQuery焦點圖要麼是左右切換，要麼是上下(xià)切換，然後帶有不同的過渡動(dòng)畫特效。但這款jQuery圖片切換插件是沿着圓弧進行輪播切換的，更具有立體感，而且它也支持自動(dòng)循環播放。

在線演示

源碼下(xià)載

6.純CSS3實現圖文(wén)輪播焦點圖插件

以前我們分享過很多基于jQuery和(hé)CSS3的焦點圖插件，但是大部分都是多張圖片的輪播。今天要介紹的雖然也是一款基于CSS3的焦點圖插件，但是它的特點是可(kě)以同時進行圖文(wén)輪播，準确的說，每個(gè)畫面都可(kě)以自定義網頁元素，是一款非常實用的焦點圖插件。

在線演示

源碼下(xià)載

7.經典的jQuery垂直手風琴二級下(xià)拉菜單

最近我們剛剛為大家分享過一款基于jQuery和(hé)Bootstrap的垂直手風琴下(xià)拉菜單，效果非常不錯。今天我們要再為大家介紹另外一款經典的jQuery垂直手風琴二級下(xià)拉菜單，菜單的界面非常簡潔，菜單項由文(wén)字和(hé)小圖标組成，非常适合網站(zhàn)後台管理的側邊菜單欄。

在線演示

源碼下(xià)載

8.純CSS3繪制可(kě)愛的神奇寶貝

CSS3非常強大，之前我們還介紹過很多基于純CSS3的動(dòng)畫特效，比如(rú)純CSS3繪制的旺仔頭像動(dòng)畫，非常可(kě)愛。今天我們要為大家分享一款純CSS3繪制可(kě)愛的神奇寶貝動(dòng)物形象，特别的是，它還會眨眼、搖尾等表情，非常逼真。

在線演示

源碼下(xià)載

9.jQuery頭像裁剪插件 支持自定義上傳圖片

這是一款非常實用的jQuery頭像裁剪插件，利用這款插件，我們可(kě)以對用戶上傳的頭像圖片進行區域的選定，然後按照約定的比例進行裁剪。這款jQuery頭像裁剪插件不僅支持圖片的縮放，而且支持用戶自定義上傳圖片，簡單易用，是一款很難得的jQuery插件。

在線演示

源碼下(xià)載

10.超絢麗(lì)的 Bootstrap 水晶樣式按鈕集合

html5tricks網站(zhàn)開辦以來，我們已經為大家分享過很多炫酷實用的按鈕插件，有些基于HTML5，有些則是基于jQuery。這次我們要分享一款基于Bootstrap樣式的水晶樣式按鈕，有很多種顔色樣式供你(nǐ)選擇，外觀非常絢麗(lì)。你(nǐ)可(kě)以選擇一個(gè)樣式應用到自己的網頁中(zhōng)。

在線演示

源碼下(xià)載

• 本文(wén)固定鍊接: http://www.i7758.com/archives/2618.html