css 实现蒙版效果
如图所示,我们需要将左边的图片展示为右边的图片效果,即为图片添加一层蒙版。
一个div同时设置background–color和background–image的话,color是处于img层下方的,无法实现遮罩效果,所以需要再创建一个div作为其子div,然后设置子div的背景颜色,要实现当前效果,我们需要在img外面加一层div。
样式:
html:
此时我们就可以实现我们需要的效果了。
大家有什么好的方法,多多补充哦!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。