Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 82px; 5 --c1: #b2b2b2; 6 --c2: #ffffff; 7 --c3: #d9d9d9; 8 9 --_g: var(--c3) 0 120deg, #0000 0; 10 background: conic-gradient(from -60deg at 50% calc(100% / 3), var(--_g)), 11 conic-gradient(from 120deg at 50% calc(200% / 3), var(--_g)), 12 conic-gradient( 13 from 60deg at calc(200% / 3), 14 var(--c3) 60deg, 15 var(--c2) 0 120deg, 16 #0000 0 17 ), 18 conic-gradient(from 180deg at calc(100% / 3), var(--c1) 60deg, var(--_g)), 19 linear-gradient( 20 90deg, 21 var(--c1) calc(100% / 6), 22 var(--c2) 0 50%, 23 var(--c1) 0 calc(500% / 6), 24 var(--c2) 0 25 ); 26 background-size: calc(1.732 * var(--s)) var(--s); 27} 28
1.5K views
1.5K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License