CSS3鼠标经过动画特效

时间:2018-07-31 14:18:16 类型:HTML/CSS
字号:    

在网站建设开发过程中,经常需要用到特效,以增强视觉特殊效果,给用户更好的体验效果;今天给大家分享的是一款css3鼠标经过动画特效,在该特效中,当鼠标经过图片时,图片略微放大,底部遮罩层出现,同时图片的描述文字和链接会以动画的方式出现在遮罩层之上,非常炫酷。

HTML结构
示例中,我们使用Bootstrap布局,该css3鼠标经过动画特效的HTML结构如下:

CSS样式
然后通过下面的CSS样式来实现该css3鼠标经过动画特效。