Pattern by stephakayyy
1.container { 2 width: 100%; 3 height: 100%; 4 --s: 100px; /* control the size */ 5 --c1: #ff8afc; 6 --c2: #1b1b3a; 7 8 --_g: var(--c2) 6% 14%, var(--c1) 16% 24%, var(--c2) 26% 34%, 9 var(--c1) 36% 44%, var(--c2) 46% 54%, var(--c1) 56% 64%, var(--c2) 66% 74%, 10 var(--c1) 76% 84%, var(--c2) 86% 94%; 11 background: radial-gradient( 12 100% 100% at 100% 0, 13 var(--c1) 4%, 14 var(--_g), 15 #0008 96%, 16 #0000 17 ), 18 radial-gradient( 19 100% 100% at 0 100%, 20 #0000, 21 #0008 4%, 22 var(--_g), 23 var(--c1) 96% 24 ) 25 var(--c1); 26 background-size: var(--s) var(--s); 27} 28
649 views
Variation of apattern
649 views
Variation of apattern
MIT License