Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 194px; /* control the size */ 5 --c1: #f6edb3; 6 --c2: #acc4a3; 7 8 --_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0; 9 --_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0); 10 11 background: var(--_g), var(--_g) 0 calc(var(--s) / 2), 12 conic-gradient(from 180deg at 75%, var(--c2) 60deg, #0000 0), 13 conic-gradient(from 60deg at 75% 75%, var(--c1) 0 60deg, #0000 0), 14 linear-gradient(150deg, var(--_l)) 0 calc(var(--s) / 2), 15 conic-gradient( 16 at 25% 25%, 17 #0000 50%, 18 var(--c2) 0 240deg, 19 var(--c1) 0 300deg, 20 var(--c2) 0 21 ), 22 linear-gradient(-150deg, var(--_l)) #55897c /* third color here */; 23 background-size: calc(0.866 * var(--s)) var(--s); 24} 25
1.4K views
1.4K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License