#89

Author: Afif13

index.html

@@ -1530,6 +1530,24 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     conic-gradient(at 25% 75%,var(--c1) 25%,var(--c2) 0);
   background-size: var(--s) var(--s);
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g89">
+      <style>#g89 {
+  --s: 100px; /* control the size */
+  --c1: #80BCA3;
+  --c2: #655643;
+  
+  background:
+    radial-gradient(var(--c2) 15%,
+      #0000 17% 20%,var(--c2) 22% 25%,
+      #0000 27% 30%,var(--c2) 32% 35%,
+      #0000 37% 40%,var(--c2) 42% 45%,
+      #0000 47% 50%,var(--c2) 52% 55%, var(--c1) 57%)
+     calc(var(--s)/2) 0/var(--s) var(--s),
+    repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%)
+     0 0/calc(2*var(--s)) calc(2*var(--s))
+}
 </style><button>Copy the CSS</button>  
     </section>
   	 <a  target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">