码迷,mamicode.com
首页 > 其他好文 > 详细

给图片加上某种颜色的蒙版

时间:2019-06-15 15:09:57      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:颜色   back   welcome   banner   width   jpg   top   com   display   

.welcome-hero{
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    background:url(../images/about/welcome-banner.jpg)no-repeat;#图片
    background-size:cover;
    background-position: center;
    height:890px;
}
.welcome-hero:before{
    position:absolute;
    content: " ";
    top:0;
    left:0;
    background:rgba(31,44,108,.65);#添加上去的颜色
    width:100%;
    height:100%;
}

 

给图片加上某种颜色的蒙版

标签:颜色   back   welcome   banner   width   jpg   top   com   display   

原文地址:https://www.cnblogs.com/Gaoqiking/p/11027394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!