Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 50px; /* control the size */ 5 --t: 6px; /* control the thickness */ 6 --c1: #084c7f; 7 --c2: #fef5e9; 8 9 --_c: #0000 calc(98% - var(--t)), var(--c1) calc(100% - var(--t)) 98%, #0000; 10 --_s: calc(2 * var(--s)) calc(5 * var(--s) / 2); 11 --_r0: /var(--_s) radial-gradient(calc(var(--s) / 2) at 0 20%, var(--_c)); 12 --_r1: /var(--_s) radial-gradient(calc(var(--s) / 2) at 100% 20%, var(--_c)); 13 background: 0 0 var(--_r0), 14 calc(-1 * var(--s)) calc(5 * var(--s) / 4) var(--_r0), var(--s) 0 var(--_r1), 15 0 calc(5 * var(--s) / 4) var(--_r1), 16 conic-gradient(at var(--t) calc(20% + 2 * var(--t)), #0000 75%, var(--c1) 0) 17 calc(var(--t) / -2) calc(var(--s) - var(--t)) / var(--s) 18 calc(5 * var(--s) / 4), 19 repeating-conic-gradient(var(--c2) 0 25%, #0000 0 50%) var(--s) 20 calc(var(--s) / -8) / var(--_s), 21 conic-gradient(from 90deg at var(--t) var(--t), var(--c2) 25%, var(--c1) 0) 22 calc((var(--s) - var(--t)) / 2) calc((var(--s) - var(--t)) / 2) / var(--s) 23 calc(5 * var(--s) / 4); 24} 25
505 views
505 views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License