Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 125px; /* control the size */ 5 --c1: #f8ca00; 6 --c2: #bd1550; 7 8 --_g: var(--c1) 90deg, var(--c2) 0 135deg, #0000 0; 9 background: conic-gradient( 10 from -45deg at calc(100% / 3) calc(100% / 3), 11 var(--c1) 90deg, 12 #0000 0 13 ), 14 conic-gradient(from -135deg at calc(100% / 3) calc(2 * 100% / 3), var(--_g)), 15 conic-gradient( 16 from 135deg at calc(2 * 100% / 3) calc(2 * 100% / 3), 17 var(--_g) 18 ), 19 conic-gradient( 20 from 45deg at calc(2 * 100% / 3) calc(100% / 3), 21 var(--_g), 22 var(--c1) 0 225deg, 23 var(--c2) 0 24 ); 25 background-size: var(--s) var(--s); 26} 27
500 views
500 views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License