Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 84px; 5 --c1: #f2f2f2; 6 --c2: #cdcbcc; 7 --c3: #999999; 8 9 --_g: 0 120deg, #0000 0; 10 background: conic-gradient( 11 from 0deg at calc(500% / 6) calc(100% / 3), 12 var(--c3) var(--_g) 13 ), 14 conic-gradient( 15 from -120deg at calc(100% / 6) calc(100% / 3), 16 var(--c2) var(--_g) 17 ), 18 conic-gradient( 19 from 120deg at calc(100% / 3) calc(500% / 6), 20 var(--c1) var(--_g) 21 ), 22 conic-gradient( 23 from 120deg at calc(200% / 3) calc(500% / 6), 24 var(--c1) var(--_g) 25 ), 26 conic-gradient( 27 from -180deg at calc(100% / 3) 50%, 28 var(--c2) 60deg, 29 var(--c1) var(--_g) 30 ), 31 conic-gradient( 32 from 60deg at calc(200% / 3) 50%, 33 var(--c1) 60deg, 34 var(--c3) var(--_g) 35 ), 36 conic-gradient( 37 from -60deg at 50% calc(100% / 3), 38 var(--c1) 120deg, 39 var(--c2) 0 240deg, 40 var(--c3) 0 41 ); 42 background-size: calc(var(--s) * 1.732) var(--s); 43} 44
1.5K views
1.5K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
Variations
1 MIT License