Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 105px; /* control the size */ 5 --c1: #b9b9b9; 6 --c2: #dcdcdc; 7 --c3: #fafafa; 8 9 background: conic-gradient( 10 from 75deg, 11 var(--c1) 15deg, 12 var(--c2) 0 30deg, 13 #0000 0 180deg, 14 var(--c2) 0 195deg, 15 var(--c1) 0 210deg, 16 #0000 0 17 ) 18 calc(0.5 * var(--s)) calc(0.5 * var(--s) / 0.577), 19 conic-gradient( 20 var(--c1) 30deg, 21 var(--c3) 0 75deg, 22 var(--c1) 0 90deg, 23 var(--c2) 0 105deg, 24 var(--c3) 0 150deg, 25 var(--c2) 0 180deg, 26 var(--c3) 0 210deg, 27 var(--c1) 0 256deg, 28 var(--c2) 0 270deg, 29 var(--c1) 0 286deg, 30 var(--c2) 0 331deg, 31 var(--c3) 0 32 ); 33 background-size: var(--s) calc(var(--s) / 0.577); 34 /* 0.577=tan(30deg)*/ 35} 36
934 views
934 views
Original Creator: Afif13
This UI element is reposted from an external origin. Show them some appreciation!
MIT License