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