CSS3制作炫酷的自定義發(fā)光文字/ 03-28
實(shí)現(xiàn)帶CSS混合模式的JS視覺(jué)差輪播圖特效314KB / 04-15
HTML+CSS+JS實(shí)現(xiàn)鍵盤導(dǎo)航源碼特效 228KB / 11-01
js和css3實(shí)現(xiàn)帶反光特效按鈕插件98.9KB / 10-25
js和CSS3實(shí)現(xiàn)帶詳情頁(yè)面的炫酷網(wǎng)格布局特效947KB / 09-27
JS和CSS3實(shí)現(xiàn)點(diǎn)擊展開(kāi)頁(yè)面動(dòng)畫特效65.8KB / 06-15
css實(shí)現(xiàn)發(fā)光文字及一點(diǎn)點(diǎn)js特效 / 04-23
-
純css實(shí)現(xiàn)的3D立體雞蛋動(dòng)畫視覺(jué)效果源碼【帶光照與陰影】 CSS特效 / 9KB
-
CSS3炫彩文字動(dòng)畫背景特效源碼 CSS特效 / 402KB
-
超炫酷CSS3登錄界面動(dòng)態(tài)特效源碼 CSS特效 / 253KB
-
-
-
CCS3制作的橙色帶陰影漸變背景傾斜文字特效源碼 CSS特效 / 22KB
-
CSS制作的發(fā)光霓虹效果文字特效源碼 CSS特效 / 115KB
-
-
CSS3實(shí)現(xiàn)鼠標(biāo)懸停名片動(dòng)態(tài)圖文切換特效 CSS特效 / 28.9KB
-
詳情介紹
這是一款基于js和CSS3的縮略圖全屏展開(kāi)特效。在該特效中，縮略圖排列在頁(yè)面的底部，當(dāng)用戶點(diǎn)擊縮略圖之后，所有縮略圖會(huì)向上移動(dòng)，被點(diǎn)擊圖片的大圖會(huì)被展示出來(lái)。簡(jiǎn)單實(shí)用，歡迎下載！
該特效使用TweenMax.js來(lái)制作動(dòng)畫效果。另外，該特效中使用了CSS變量，所以在查看demo時(shí)，請(qǐng)使用支持CSS變量的瀏覽器來(lái)進(jìn)行查看。
本代碼適用瀏覽器：搜狗、360、FireFox(建議)、Chrome、Safari、Opera、傲游、世界之窗，不支持IE8及以下瀏覽器，首選火狐瀏覽器。是一款不錯(cuò)的的特效插件，需要的朋友可以下載！希望大家喜歡
下面是該特效的一些屏幕截圖效果。
縮略圖界面的截圖效果如下：
當(dāng)點(diǎn)擊縮略圖之后，縮略圖向上移動(dòng)，在頁(yè)面中會(huì)全屏展示出被點(diǎn)擊的縮略圖的大圖。
該js和CSS3縮略圖全屏展開(kāi)特效的github地址為：https://github.com/codrops/FullImageReveal/
下載地址
人氣腳本
相關(guān)文章
-
純css實(shí)現(xiàn)的3D立體雞蛋動(dòng)畫視覺(jué)效果源碼【帶光照與陰影】
一個(gè)基于純css實(shí)現(xiàn)的3D立體視覺(jué)效果雞蛋動(dòng)畫源碼,畫面中的一個(gè)平面上并排豎立著3個(gè)雞蛋,雞蛋呈現(xiàn)出有規(guī)律的左右搖擺動(dòng)作,同時(shí)雞蛋上方有光照在雞蛋上形成反射,下方還有光照...
-
CSS3炫彩文字動(dòng)畫背景特效源碼
是一段以i love you英文字母為示例制作的炫彩文字動(dòng)畫效果代碼，字母表面游彩虹色彩流動(dòng)，非常有意思，可以根據(jù)自身需求更換文字，歡迎對(duì)此效果感興趣的朋友前來(lái)下載參考...
-
超炫酷CSS3登錄界面動(dòng)態(tài)特效源碼
利用css3+html5實(shí)現(xiàn)超炫酷的登錄動(dòng)態(tài)頁(yè)面特效，頁(yè)面功能包含有登錄默認(rèn)提示、驗(yàn)證碼，動(dòng)態(tài)登錄成功提示等，炫酷又好用...
-
CSS3實(shí)現(xiàn)的倒計(jì)時(shí)警報(bào)燈樣式特效源碼
CSS3倒計(jì)時(shí)警報(bào)燈樣式代碼是一款基于js跟css3實(shí)現(xiàn)的個(gè)性警報(bào)燈倒計(jì)時(shí)特效，歡迎感興趣的朋友前來(lái)下載參考...
-
CSS3實(shí)現(xiàn)的圣誕老人說(shuō)話表情動(dòng)畫特效
是一段基于CSS3制作的圣誕節(jié)圣誕老人人物動(dòng)畫效果代碼，圣誕節(jié)快要來(lái)臨了，感興趣的朋友們可以下載參考...
-
CCS3制作的橙色帶陰影漸變背景傾斜文字特效源碼
是一段基于css3實(shí)現(xiàn)的橙色帶陰影漸變背景傾斜文字效果代碼，網(wǎng)頁(yè)中你可以自己更改編輯，簡(jiǎn)單實(shí)用，歡迎對(duì)此效果感興趣的朋友前來(lái)參考...
下載聲明
☉ 解壓密碼：www.fzitv.net 就是本站主域名，希望大家看清楚，[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載，使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個(gè)軟件總是不能下載的請(qǐng)?jiān)谠u(píng)論中留言,我們會(huì)盡快修復(fù)，謝謝!
☉ 下載本站資源，如果服務(wù)器暫不能下載請(qǐng)過(guò)一段時(shí)間重試!或者多試試幾個(gè)下載地址
☉ 如果遇到什么問(wèn)題，請(qǐng)?jiān)u論留言，我們定會(huì)解決問(wèn)題，謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用，如用于商業(yè)用途，請(qǐng)購(gòu)買正版。
☉ 本站提供的js和CSS3實(shí)現(xiàn)縮略圖全屏展開(kāi)特效源碼資源來(lái)源互聯(lián)網(wǎng)，版權(quán)歸該下載資源的合法擁有者所有。