Pattern by mobinkakei
1.container { 2 width: 100%; 3 height: 100%; 4 /* control ize */ 5 --u: 5px; 6 --c1: #ededee; 7 --c2: #000000; 8 --c3: #1e1e1e; 9 --gp: 50% / calc(var(--u) * 16.9) calc(var(--u) * 12.8); 10 background: conic-gradient( 11 from 122deg at 50% 85.15%, 12 var(--c2) 0 58deg, 13 var(--c3) 0 116deg, 14 #fff0 0 100% 15 ) 16 var(--gp), 17 conic-gradient(from 122deg at 50% 72.5%, var(--c1) 0 116deg, #fff0 0 100%) 18 var(--gp), 19 conic-gradient(from 58deg at 82.85% 50%, var(--c3) 0 64deg, #fff0 0 100%) 20 var(--gp), 21 conic-gradient( 22 from 58deg at 66.87% 50%, 23 var(--c1) 0 64deg, 24 var(--c2) 0 130deg, 25 #fff0 0 100% 26 ) 27 var(--gp), 28 conic-gradient(from 238deg at 17.15% 50%, var(--c2) 0 64deg, #fff0 0 100%) 29 var(--gp), 30 conic-gradient( 31 from 172deg at 33.13% 50%, 32 var(--c3) 0 66deg, 33 var(--c1) 0 130deg, 34 #fff0 0 100% 35 ) 36 var(--gp), 37 linear-gradient(98deg, var(--c3) 0 15%, #fff0 calc(15% + 1px) 100%) 38 var(--gp), 39 linear-gradient(-98deg, var(--c2) 0 15%, #fff0 calc(15% + 1px) 100%) 40 var(--gp), 41 conic-gradient( 42 from -58deg at 50.25% 14.85%, 43 var(--c3) 0 58deg, 44 var(--c2) 0 116deg, 45 #fff0 0 100% 46 ) 47 var(--gp), 48 conic-gradient(from -58deg at 50% 28.125%, var(--c1) 0 116deg, #fff0 0 100%) 49 var(--gp), 50 linear-gradient(90deg, var(--c2) 0 50%, var(--c3) 0 100%) var(--gp); 51} 52
3.7K views
3.7K views
MIT License