Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 150px; /* control the size */ 5 --c1: #f7d2a1; 6 --c2: #05057e; 7 8 --_g: var(--c1) 0% 5%, var(--c2) 6% 15%, var(--c1) 16% 25%, var(--c2) 26% 35%, 9 var(--c1) 36% 45%, var(--c2) 46% 55%, var(--c1) 56% 65%, var(--c2) 66% 75%, 10 var(--c1) 76% 85%, var(--c2) 86% 95%, #0000 96%; 11 background: radial-gradient(50% 50% at 100% 0, var(--_g)), 12 radial-gradient(50% 50% at 0 100%, var(--_g)), 13 radial-gradient(50% 50%, var(--_g)), 14 radial-gradient(50% 50%, var(--_g)) calc(var(--s) / 2) calc(var(--s) / 2) 15 var(--c1); 16 background-size: var(--s) var(--s); 17} 18
1K views
1K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License