今天要分享一款很酷的模擬真人奔跑動(dòng)畫，它主要是利用HTML5/CSS3技術(shù)結(jié)合多張圖片的切換來實(shí)現(xiàn)的。這款HTML5動(dòng)畫的逼真之處在于人物在奔跑的時(shí)候很有節(jié)奏感，而且有人物的投影。更重要的是當(dāng)人物跑的越來越近是，人物的大小也會(huì)隨之變大。很像一個(gè)小男孩從遠(yuǎn)處跑過來。

在線演示

源碼下載

2.jQuery實(shí)現(xiàn)的四款支持不同自定義圖片切換的焦點(diǎn)圖插件特效

jQuery實(shí)現(xiàn)的四款支持不同自定義圖片切換的焦點(diǎn)圖插件特效源碼L_slide.js，是一段可以實(shí)現(xiàn)自定義圖片切換的焦點(diǎn)圖動(dòng)畫特效代碼，本段代碼中包含四款焦點(diǎn)圖切換效果。

在線演示

源碼下載

3.HTML5實(shí)現(xiàn)的超酷筆刷畫圖動(dòng)畫特效

今天我們要分享一款超酷的HTML5筆刷動(dòng)畫，我們可以選擇不同的筆刷形狀，共有5種不同的形狀可供大家選擇，筆刷在畫布上移動(dòng)時(shí)就會(huì)播放非常絢麗的動(dòng)畫效果。且動(dòng)畫的顏色還會(huì)隨時(shí)間漸變。

在線演示

源碼下載

4.JS實(shí)現(xiàn)的原生態(tài)焦點(diǎn)圖輪播帶左右按鈕動(dòng)畫

JS實(shí)現(xiàn)的原生態(tài)焦點(diǎn)圖輪播帶左右按鈕動(dòng)畫特效源碼，是一段非常適合在任意網(wǎng)站網(wǎng)頁中使用的焦點(diǎn)圖輪播代碼，該代碼由原生態(tài)JS組成，不僅帶有左右點(diǎn)擊按鈕，同時(shí)在圖片中下方還可以點(diǎn)擊圓點(diǎn)選擇觀看圖片。

在線演示

源碼下載

5.jquery實(shí)現(xiàn)的相冊列表鼠標(biāo)滑過翻牌顯示文字動(dòng)畫

jquery實(shí)現(xiàn)的相冊列表鼠標(biāo)滑過翻牌顯示文字動(dòng)畫特效源碼，是一段可以實(shí)現(xiàn)鼠標(biāo)滑過懸停時(shí)圖片時(shí)，圖片翻牌動(dòng)畫顯示文字的特效代碼。

在線演示

源碼下載

6.div+css實(shí)現(xiàn)相冊列表鼠標(biāo)經(jīng)過下方彈出文字說明動(dòng)態(tài)

div+css實(shí)現(xiàn)相冊列表鼠標(biāo)經(jīng)過下方彈出文字說明動(dòng)態(tài)特效源碼，是一段依靠純DIV+CSS實(shí)現(xiàn)的代碼，本款代碼實(shí)現(xiàn)了，鼠標(biāo)懸停圖片時(shí)，圖片縮小并在圖片下方彈出相關(guān)文字說明。