Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 140px; /* control the size */ 5 --c1: #ab3e5b; 6 --c2: #ffbe40; 7 8 --_g: #0000 25%, #0008 47%, var(--c1) 53% 147%, var(--c2) 153% 247%, 9 var(--c1) 253% 347%, var(--c2) 353% 447%, var(--c1) 453% 547%, #0008 553%, 10 #0000 575%; 11 --_s: calc(25% / 3) calc(25% / 4) at 50%; 12 background: radial-gradient(var(--_s) 100%, var(--_g)), 13 radial-gradient(var(--_s) 100%, var(--_g)) calc(var(--s) / 2) 14 calc(3 * var(--s) / 4), 15 radial-gradient(var(--_s) 0, var(--_g)) calc(var(--s) / 2) 0, 16 radial-gradient(var(--_s) 0, var(--_g)) 0 calc(3 * var(--s) / 4), 17 repeating-linear-gradient( 18 90deg, 19 #accec0 calc(25% / -6) calc(25% / 6), 20 #61a6ab 0 calc(25% / 2) 21 ); 22 background-size: var(--s) calc(3 * var(--s) / 2); 23} 24
669 views
669 views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License