Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 200px; /* control the size */ 5 --c1: #1d1d1d; 6 --c2: #4e4f51; 7 --c3: #3c3c3c; 8 9 background: repeating-conic-gradient( 10 from 30deg, 11 #0000 0 120deg, 12 var(--c3) 0 180deg 13 ) 14 calc(0.5 * var(--s)) calc(0.5 * var(--s) * 0.577), 15 repeating-conic-gradient( 16 from 30deg, 17 var(--c1) 0 60deg, 18 var(--c2) 0 120deg, 19 var(--c3) 0 180deg 20 ); 21 background-size: var(--s) calc(var(--s) * 0.577); 22} 23
9.7K views
9.7K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
Variations
1 MIT License