Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 200px; /* control the size */ 5 6 --_g: #dc9d37 25%, #fed450 0 50%, #0000 0; 7 --_l1: #fff 0 1px, #0000 0 calc(25% - 1px), #fff 0 25%; 8 --_l2: #fff 0 1px, #0000 0 calc(50% - 1px), #fff 0 50%; 9 background: repeating-linear-gradient(45deg, var(--_l1)), 10 repeating-linear-gradient(-45deg, var(--_l1)), 11 repeating-linear-gradient(0deg, var(--_l2)), 12 repeating-linear-gradient(90deg, var(--_l2)), 13 conic-gradient(from 135deg at 25% 75%, var(--_g)), 14 conic-gradient(from 225deg at 25% 25%, var(--_g)), 15 conic-gradient(from 45deg at 75% 75%, var(--_g)), 16 conic-gradient(from -45deg at 75% 25%, var(--_g)), 17 repeating-conic-gradient(#125c65 0 45deg, #bc4a33 0 90deg); 18 background-size: var(--s) var(--s); 19} 20
513 views
513 views
MIT License