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