Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 20px; /* size of the lines */ 5 --g: 15px; /* gap between lines */ 6 7 --c1: #c02942; 8 --c2: #53777a; 9 10 background: conic-gradient( 11 at var(--s) calc(100% - var(--s)), 12 #0000 270deg, 13 var(--c1) 0 14 ) 15 calc(var(--s) + var(--g)) 0, 16 linear-gradient(var(--c2) var(--s), #0000 0) 0 var(--g), 17 conic-gradient( 18 at var(--s) calc(100% - var(--s)), 19 #0000 90deg, 20 var(--c2) 0 180deg, 21 var(--c1) 0 22 ), 23 #ecd078; 24 background-size: calc(2 * (var(--s) + var(--g))) 25 calc(2 * (var(--s) + var(--g))); 26} 27
501 views
501 views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License