.element { background: repeating-linear-gradient( 45deg, darkorchid, darkorchid 40px, turquoise 40px, turquoise 80px, chartreuse 80px, chartreuse 120px ); background-size: 100px 100%; } .element { mask-image: repeating-linear-gradient( to right, black 100px, black 200px, transparent 200px, transparent 300px ); }