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

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

在線演示

源碼下載

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

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

在線演示

源碼下載

3.純CSS3實(shí)現(xiàn)陰陽太極動(dòng)畫

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

在線演示

源碼下載

4.jQuery/CSS3郵票邊框的照片墻相冊(cè)

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

在線演示

源碼下載

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

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

在線演示

源碼下載

6.純CSS3實(shí)現(xiàn)圖文輪播焦點(diǎn)圖插件

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

在線演示

源碼下載

7.經(jīng)典的jQuery垂直手風(fēng)琴二級(jí)下拉菜單

最近我們剛剛為大家分享過一款基于jQuery和Bootstrap的垂直手風(fēng)琴下拉菜單，效果非常不錯(cuò)。今天我們要再為大家介紹另外一款經(jīng)典的jQuery垂直手風(fēng)琴二級(jí)下拉菜單，菜單的界面非常簡(jiǎn)潔，菜單項(xiàng)由文字和小圖標(biāo)組成，非常適合網(wǎng)站后臺(tái)管理的側(cè)邊菜單欄。

在線演示

源碼下載

8.純CSS3繪制可愛的神奇寶貝

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

在線演示

源碼下載

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

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

在線演示

源碼下載

10.超絢麗的 Bootstrap 水晶樣式按鈕集合

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

在線演示

源碼下載

• 本文固定鏈接: http://www.i7758.com/archives/2618.html