CSS3鼠标滑过图片覆盖渐变颜色蒙版

当我们将鼠标滑过图片时,图片上方会覆盖一层渐变颜色的蒙版,移开图片蒙版又会以渐变的方式消失,同时这层蒙版由于颜色动态渐变,因此给人一种发光的视觉效果。

今天我们要介绍一款比较实用的CSS3图片特效,它并没有非常华丽的动画效果,但是很多场合都可以用到。当我们将鼠标滑过图片时,图片上方会覆盖一层渐变颜色的蒙版,移开图片蒙版又会以渐变的方式消失,同时这层蒙版由于颜色动态渐变,因此给人一种发光的视觉效果。

来源于:

https://www.html5tricks.com/css3-image-gradient-hover.html

CSS3鼠标滑过图片覆盖渐变颜色蒙版

演示:

https://www.html5tricks.com/demo/css3-image-gradient-hover/index.html

下载:

https:/www.html5tricks.com/download/css3-image-gradient-hover.rar

本站下载与演示:

演示:

https://webpage.npc.ink/html5tricks.com/2018/css3-image-gradient-hover/

当前内容已被隐藏,您需要登录才能查看
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论