您的位置：首页 > Web前端 > CSS

css鼠标悬浮图片遮罩特效

2018-02-27 10:05 267 查看
css

div>div{
background: rgba(255, 255, 255, 0);
transition: background 0.3s linear;
}
div:hover>div{
background: rgba(228, 228, 228, 0.29);
}


html

<div style="width:200px;height:200px;position: absolute;">
<img src="img/img.jpg" style="width: 100%;height: 100%;"/>
<div style="position: absolute;width: 100%;height: 100%;top: 0;"></div>
</div>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  css
相关文章推荐
新的分享
章节导航