![](/build/_assets/logo-png-XGWSYHKJ.png)
Pattern by vikas7754
1.container { 2 width: 100%; 3 height: 100%; 4 /* Add your background pattern here */ 5 --sz: 15px; 6 --c0: #000; 7 --c1: #c71175; 8 --ts: 50% / calc(var(--sz) * 8) calc(var(--sz) * 16); 9 margin: 0; 10 padding: 0; 11 overflow: hidden; 12 --dot: var(--c1) 0 calc(var(--sz) * 0.78), 13 #fff0 calc(calc(var(--sz) * 0.78) + 1px) 100%; 14 --dot2: radial-gradient(circle at 90% 0%, var(--dot)) var(--ts), 15 radial-gradient(circle at 65% 0%, var(--dot)) var(--ts), 16 radial-gradient(circle at 40% 0%, var(--dot)) var(--ts), 17 radial-gradient(circle at 15% 0%, var(--dot)) var(--ts); 18 --cg1: conic-gradient(from -90deg at 5% 51%, var(--c0) 0 90deg, #fff0 0 100%) 19 var(--ts); 20 --cg2: conic-gradient(from -90deg at 25% 50%, var(--c1) 0 90deg, #fff0 0 100%) 21 var(--ts); 22 --cg3: conic-gradient( 23 from -90deg at 30% 38.5%, 24 var(--c0) 0 90deg, 25 #fff0 0 100% 26 ) 27 var(--ts); 28 --cg4: conic-gradient( 29 from -90deg at 50% 37.5%, 30 var(--c1) 0 90deg, 31 #fff0 0 100% 32 ) 33 var(--ts); 34 --cg5: conic-gradient(from -90deg at 55% 26%, var(--c0) 0 90deg, #fff0 0 100%) 35 var(--ts); 36 --cg6: conic-gradient(from -90deg at 75% 25%, var(--c1) 0 90deg, #fff0 0 100%) 37 var(--ts); 38 --cg7: conic-gradient( 39 from -90deg at 80% 13.5%, 40 var(--c0) 0 90deg, 41 #fff0 0 100% 42 ) 43 var(--ts); 44 --cg8: conic-gradient( 45 from -90deg at 100% 12.5%, 46 var(--c1) 0 90deg, 47 #fff0 0 100% 48 ) 49 var(--ts); 50 51 background: var(--dot2), var(--dot2), 52 radial-gradient(circle at 90% 100%, var(--dot)) var(--ts), 53 radial-gradient(circle at 65% 100%, var(--dot)) var(--ts), 54 radial-gradient(circle at 40% 100%, var(--dot)) var(--ts), 55 radial-gradient(circle at 15% 100%, var(--dot)) var(--ts), 56 radial-gradient(circle at 90% 12.5%, var(--dot)) var(--ts), 57 radial-gradient(circle at 65% 25%, var(--dot)) var(--ts), 58 radial-gradient(circle at 40% 37.5%, var(--dot)) var(--ts), 59 radial-gradient(circle at 15% 50%, var(--dot)) var(--ts), var(--cg1), 60 var(--cg1), var(--cg2), var(--cg2), var(--cg3), var(--cg3), var(--cg4), 61 var(--cg4), var(--cg5), var(--cg5), var(--cg6), var(--cg6), var(--cg7), 62 var(--cg7), var(--cg8), var(--cg8), 63 linear-gradient(-45deg, #fff0 0 32.25%, #0002 50%, #000 77.5%) var(--ts), 64 linear-gradient(-45deg, #fff0 0 32.25%, #000 60%) var(--ts), 65 repeating-linear-gradient(90deg, var(--c0) 0 5%, var(--c1) 0 25%) var(--ts); 66} 67
1.9K views
1.9K views
MIT License