Pattern by mRcOol7
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 150px; 5 --c1: #282c34; 6 --c2: #3e4149; 7 --c3: #525762; 8 --c4: #ff6384; 9 --c5: #36a2eb; 10 --c6: #4bc0c0; 11 --c7: #ffcc29; 12 --c8: #8e8f91; 13 --c9: #626262; 14 15 background: repeating-conic-gradient( 16 from 30deg, 17 #0000 0 120deg, 18 var(--c3) 0 180deg 19 ) 20 calc(0.5 * var(--s)) calc(0.5 * var(--s) * 0.577), 21 repeating-conic-gradient( 22 from 30deg, 23 var(--c1) 0 45deg, 24 var(--c2) 0 90deg, 25 var(--c3) 0 135deg, 26 var(--c4) 0 180deg, 27 var(--c5) 0 225deg, 28 var(--c6) 0 270deg, 29 var(--c7) 0 315deg, 30 var(--c8) 0 360deg, 31 var(--c9) 0 405deg 32 ); 33 background-size: var(--s) calc(var(--s) * 0.577); 34} 35
259 views
259 views
MIT License