学了一个图片条纹遮罩的css写法。

mark一下

傲游截图20171115141938.png

照片长这样

html长这样
<div>
<img src="xx.jpg" data-sp-src="/xx.jpg" alt="">
<div class="mask"></div>
</div>

css长这样
.mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5);
background-image: linear-gradient(-45deg, transparent 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2));
background-position: left top;
background-size: 4px 4px;
background-repeat: repeat;
}

有机会用一用=v=