Pattern by MikeAndrewDesigner
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 60px; 5 --c1: #180a22; 6 --c2: #5b42f3; 7 --_g: radial-gradient( 8 25% 25% at 25% 25%, 9 var(--c1) 99%, 10 rgba(0, 0, 0, 0) 101% 11 ); 12 background: var(--_g) var(--s) var(--s) / calc(2 * var(--s)) 13 calc(2 * var(--s)), 14 var(--_g) 0 0 / calc(2 * var(--s)) calc(2 * var(--s)), 15 radial-gradient(50% 50%, var(--c2) 98%, rgba(0, 0, 0, 0)) 0 0 / var(--s) 16 var(--s), 17 repeating-conic-gradient(var(--c2) 0 50%, var(--c1) 0 100%) 18 calc(0.5 * var(--s)) 0 / calc(2 * var(--s)) var(--s); 19} 20
2.9K views
2.9K views
Variations
1 MIT License