Pattern by csemszepp
1.container { 2 width: 100%; 3 height: 100%; 4 background: radial-gradient( 5 circle farthest-side at 0% 50%, 6 #fb1 23.5%, 7 rgba(240, 166, 17, 0) 0 8 ) 9 21px 30px, 10 radial-gradient( 11 circle farthest-side at 0% 50%, 12 #b71 24%, 13 rgba(240, 166, 17, 0) 0 14 ) 15 19px 30px, 16 linear-gradient( 17 #fb1 14%, 18 rgba(240, 166, 17, 0) 0, 19 rgba(240, 166, 17, 0) 85%, 20 #fb1 0 21 ) 22 0 0, 23 linear-gradient( 24 150deg, 25 #fb1 24%, 26 #b71 0, 27 #b71 26%, 28 rgba(240, 166, 17, 0) 0, 29 rgba(240, 166, 17, 0) 74%, 30 #b71 0, 31 #b71 76%, 32 #fb1 0 33 ) 34 0 0, 35 linear-gradient( 36 30deg, 37 #fb1 24%, 38 #b71 0, 39 #b71 26%, 40 rgba(240, 166, 17, 0) 0, 41 rgba(240, 166, 17, 0) 74%, 42 #b71 0, 43 #b71 76%, 44 #fb1 0 45 ) 46 0 0, 47 linear-gradient(90deg, #b71 2%, #fb1 0, #fb1 98%, #b71 0%) 0 0 #fb1; 48 background-size: 40px 60px; 49} 50
786 views
786 views
Variations
2 MIT License