CSS3實(shí)現(xiàn)卡片懸停圖文遮罩顯示特效代碼195KB / 01-20
html5+css3實(shí)現(xiàn)鼠標(biāo)懸停圖文卡片動(dòng)畫特效124KB / 09-09
css3鼠標(biāo)hover懸停卡片動(dòng)畫特效225KB / 10-08
CSS3懸?？ㄆ?D翻轉(zhuǎn)動(dòng)畫特效源碼131KB / 08-03
CSS3實(shí)現(xiàn)的鼠標(biāo)懸停顯示詳細(xì)信息的卡片動(dòng)畫特效源碼6KB / 10-09
純CSS3實(shí)現(xiàn)鼠標(biāo)懸停卡片翻轉(zhuǎn)切換特效源碼109KB / 02-23
jQuery結(jié)合CSS3實(shí)現(xiàn)的五種鼠標(biāo)懸停卡片翻轉(zhuǎn)特效源碼192KB / 05-27
-
-
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
-
詳情介紹
css3 馬賽克卡片懸停ui特效源碼是一款由css3濾鏡卡片，鼠標(biāo)懸停列表圖片馬賽克模糊動(dòng)畫效果，選中的圖片高清顯示特效。
代碼結(jié)構(gòu)
1. 引入CSS
<link rel="stylesheet" href="css/style.css">
2. HTML代碼
<section class="hero-section">
<div class="card-grid">
<a class="card" href="#">
<div class="card__background" style="background-image: url(img/p1.jpg)"></div>
<div class="card__content">
<p class="card__category">分類</p>
<h3 class="card__heading">卡片馬賽克演示</h3>
</div>
</a>
<a class="card" href="#">
<div class="card__background" style="background-image: url(img/p2.jpg)"></div>
<div class="card__content">
<p class="card__category">分類</p>
<h3 class="card__heading">卡片馬賽克演示</h3>
</div>
</a>
<a class="card" href="#">
<div class="card__background" style="background-image: url(img/p3.jpg)"></div>
<div class="card__content">
<p class="card__category">分類</p>
<h3 class="card__heading">卡片馬賽克演示</h3>
</div>
</li>
</a>
<a class="card" href="#">
<div class="card__background" style="background-image: url(img/p4.jpg)"></div>
<div class="card__content">
<p class="card__category">分類</p>
<h3 class="card__heading">卡片馬賽克演示</h3>
</div>
</a>
</div>
</section>
文件目錄結(jié)構(gòu)
建議適用瀏覽器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下瀏覽器。
下載地址
人氣腳本
相關(guān)文章
-
純css實(shí)現(xiàn)的3D立體雞蛋動(dòng)畫視覺效果源碼【帶光照與陰影】
一個(gè)基于純css實(shí)現(xiàn)的3D立體視覺效果雞蛋動(dòng)畫源碼,畫面中的一個(gè)平面上并排豎立著3個(gè)雞蛋,雞蛋呈現(xiàn)出有規(guī)律的左右搖擺動(dòng)作,同時(shí)雞蛋上方有光照在雞蛋上形成反射,下方還有光照...
-
CSS3炫彩文字動(dòng)畫背景特效源碼
是一段以i love you英文字母為示例制作的炫彩文字動(dòng)畫效果代碼，字母表面游彩虹色彩流動(dòng)，非常有意思，可以根據(jù)自身需求更換文字，歡迎對此效果感興趣的朋友前來下載參考...
-
超炫酷CSS3登錄界面動(dòng)態(tài)特效源碼
利用css3+html5實(shí)現(xiàn)超炫酷的登錄動(dòng)態(tài)頁面特效，頁面功能包含有登錄默認(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í)特效，歡迎感興趣的朋友前來下載參考...
-
CSS3實(shí)現(xiàn)的圣誕老人說話表情動(dòng)畫特效
是一段基于CSS3制作的圣誕節(jié)圣誕老人人物動(dòng)畫效果代碼，圣誕節(jié)快要來臨了，感興趣的朋友們可以下載參考...
-
CCS3制作的橙色帶陰影漸變背景傾斜文字特效源碼
是一段基于css3實(shí)現(xiàn)的橙色帶陰影漸變背景傾斜文字效果代碼，網(wǎng)頁中你可以自己更改編輯，簡單實(shí)用，歡迎對此效果感興趣的朋友前來參考...
下載聲明
☉ 解壓密碼：www.fzitv.net 就是本站主域名，希望大家看清楚，[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載，使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個(gè)軟件總是不能下載的請?jiān)谠u論中留言,我們會(huì)盡快修復(fù)，謝謝!
☉ 下載本站資源，如果服務(wù)器暫不能下載請過一段時(shí)間重試!或者多試試幾個(gè)下載地址
☉ 如果遇到什么問題，請?jiān)u論留言，我們定會(huì)解決問題，謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用，如用于商業(yè)用途，請購買正版。
☉ 本站提供的css3 馬賽克卡片懸停ui特效源碼資源來源互聯(lián)網(wǎng)，版權(quán)歸該下載資源的合法擁有者所有。