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

mark一下

学了一个图片条纹遮罩的css写法。_第1张图片
傲游截图20171115141938.png

照片长这样

html长这样




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=

你可能感兴趣的:(学了一个图片条纹遮罩的css写法。)