css为图片添加一层蒙版
如图所示,我们需要将左边的图片展示为右边的图片效果,即为图片添加一层黑色的蒙版 要实现当前效果,我们需要在img外面加一层div<div class="dimback"><img src="#" class="dim"/></div>并将div的背景颜色
·
如图所示,我们需要将左边的图片展示为右边的图片效果,即为图片添加一层黑色的蒙版
要实现当前效果,我们需要在img外面加一层div
<div class="dimback">
<img src="#" class="dim"/>
</div>
并将div的背景颜色设置为黑色,并为img元素设置不透明度
.dim{
opacity:0.6; filter: alpha(opacity=60);
}
.dimback{
background: #000;
}
此时我们就可以实现我们需要的效果了
更多推荐
已为社区贡献1条内容
所有评论(0)