Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 75px; /* control the size */ 5 6 --_c: #0000, #fff 1deg 79deg, #0000 81deg; 7 --g0: conic-gradient(from 140deg at 50% 87.5%, var(--_c)); 8 --g1: conic-gradient(from 140deg at 50% 81.25%, var(--_c)); 9 --g2: conic-gradient(from 140deg at 50% 75%, var(--_c)); 10 --g3: conic-gradient(at 10% 20%, #0000 75%, #fff 0); 11 background: var(--g0) 0 calc(var(--s) / -4), 12 var(--g0) var(--s) calc(3 * var(--s) / 4), var(--g1), 13 var(--g1) var(--s) var(--s), var(--g2) 0 calc(var(--s) / 4), 14 var(--g2) var(--s) calc(5 * var(--s) / 4), 15 var(--g3) calc(var(--s) / -10) var(--s), 16 var(--g3) calc(9 * var(--s) / 10) calc(2 * var(--s)), 17 repeating-conic-gradient(from 45deg, #a31e39 0 25%, #31570e 0 50%); 18 background-size: calc(2 * var(--s)) calc(2 * var(--s)); 19} 20
670 views
670 views
Variations
1 MIT License