Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 222px; 5 --c1: #7f727b; 6 --c2: #d6b4c2; 7 --c3: #baa0ab; 8 9 --_g: var(--c1) 10%, var(--c2) 10.5% 19%, #0000 19.5% 80.5%, 10 var(--c2) 81% 89.5%, var(--c3) 90%; 11 --_c: from -90deg at 37.5% 50%, #0000 75%; 12 --_l1: linear-gradient(145deg, var(--_g)); 13 --_l2: linear-gradient(35deg, var(--_g)); 14 background: var(--_l1), var(--_l1) calc(var(--s) / 2) var(--s), var(--_l2), 15 var(--_l2) calc(var(--s) / 2) var(--s), 16 conic-gradient(var(--_c), var(--c1) 0) calc(var(--s) / 8) 0, 17 conic-gradient(var(--_c), var(--c3) 0) calc(var(--s) / 2) 0, 18 linear-gradient( 19 90deg, 20 var(--c3) 38%, 21 var(--c1) 0 50%, 22 var(--c3) 0 62%, 23 var(--c1) 0 24 ); 25 background-size: var(--s) calc(2 * var(--s) / 3); 26} 27
1.1K views
1.1K views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License