在網(wǎng)站建設(shè)開(kāi)發(fā)過(guò)程中，經(jīng)常需要用到特效，以增強(qiáng)視覺(jué)特殊效果，給用戶更好的體驗(yàn)效果；今天給大家分享的是一款css3鼠標(biāo)經(jīng)過(guò)動(dòng)畫(huà)特效，在該特效中，當(dāng)鼠標(biāo)經(jīng)過(guò)圖片時(shí)，圖片略微放大，底部遮罩層出現(xiàn)，同時(shí)圖片的描述文字和鏈接會(huì)以動(dòng)畫(huà)的方式出現(xiàn)在遮罩層之上，非常炫酷。
HTML結(jié)構(gòu)
CSS樣式
示例中，我們使用Bootstrap布局，該css3鼠標(biāo)經(jīng)過(guò)動(dòng)畫(huà)特效的HTML結(jié)構(gòu)如下：
然后通過(guò)下面的CSS樣式來(lái)實(shí)現(xiàn)該css3鼠標(biāo)經(jīng)過(guò)動(dòng)畫(huà)特效。
