欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css3 馬賽克卡片懸停ui特效源碼

css3卡片懸停ui特效

  • 腳本大小：121KB
  • 腳本語(yǔ)言：簡(jiǎn)體中文
  • 腳本類型：國(guó)產(chǎn)軟件
  • 腳本授權(quán)：免費(fèi)軟件
  • 腳本類別：CSS特效
  • 應(yīng)用平臺(tái)：css/css3
  • 更新時(shí)間：2021-03-22
  • 網(wǎng)友評(píng)分：
360通過(guò) 騰訊通過(guò) 金山通過(guò)

詳情介紹

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及以下瀏覽器。

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】

人氣腳本

相關(guān)文章

下載聲明

☉ 解壓密碼：www.dbjr.com.cn 就是本站主域名，希望大家看清楚，[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載，使用 [ 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)買正版。
☉ 本站提供的css3 馬賽克卡片懸停ui特效源碼資源來(lái)源互聯(lián)網(wǎng)，版權(quán)歸該下載資源的合法擁有者所有。