纯css实现鼠标悬停列表图片半透明高亮效果

发布时间: 2020-09-01

下载权限 白银或以上用户 分类 图片特效

¥免费

立即下载 加入收藏

升级会员组 享受更多优惠

自动发货

纯css实现鼠标悬停列表图片半透明高亮效果插图

不需要js即可实现的鼠标悬停图片高亮效果。当然,其中添加了一些css3代码,高版本浏览器下效果更好。

原理:鼠标悬停在整个div上的时候,让所有li标签的背景颜色变为黑色,同时设置所有图片不透明度为50%,这样看起来所有图片上好像蒙上了一层阴影。

然后再给具体鼠标悬停的图片的不透明度设为100%即可实现我们想要的效果。

核心css代码请见附件lanrenzhijia.css中 8-10行样式代码

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系客服,我们将尽快处理。

分享链接 分享海报

暂无评论

嘿,我来帮您!