给图片加上蒙层斜纹效果

给图片加上蒙层斜纹效果

先看效果图 再看原图 我感觉这个效果图的给人的感觉还不错

给图片加上蒙层斜纹效果

再看看原图

给图片加上蒙层斜纹效果

是不是感觉效果图的更好看 ,,,fe废话不多说 。下面直接上代码 自己去琢磨

CSS样式

.HeaderImg:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImU3IMREAIAgAwJfNkQCEsH8cijjpMf6vnXlQaIiJFx+omEBfmqIEZLe2jzcAAAAASUVORK5CYII=);

}

下面是HTML

   <div class="HeaderImg" style="background: url(图片地址) center; ;;;;background-size:cover;;;;;">
            
            
        </div>


标签:分享
版权属于:admin 所有,转载请注明文章来源。

本文链接: https://www.taozi1.com/16482.html

赞 (0)
您的大名:
万水千山总是情,给个打赏行不行。 打赏

评论区

发表评论

46+11=?

暂无评论,要不来一发?

回到顶部