2 more patterns

Author: Afif13

index.html

@@ -1647,7 +1647,7 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     </section>
     <section id="g96">
       <style>#g96 {
-  --s: 90px;
+  --s: 90px; /* control the size */
 
   --_s:0 0/var(--s) var(--s);
   background:
@@ -1656,6 +1656,41 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     repeating-conic-gradient(#FF3D7F 0 25%,#34DFD2 0 50%)
      0 0/calc(2*var(--s)) calc(2*var(--s));
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g97">
+      <style>#g97 {
+  --s: 6px; /* control the size */
+  
+  --g:#0000 66%,#3B2D38 68% 98%,#0000;
+  background:
+    radial-gradient(30% 30% at 0%   30%,var(--g))
+     var(--s) calc(9*var(--s)),
+    radial-gradient(30% 30% at 100% 30%,var(--g))
+     var(--s) calc(-1*var(--s)),
+    radial-gradient(30% 30% at 30% 100%,var(--g))
+     calc(10*var(--s)) 0,
+    radial-gradient(30% 30% at 30% 0%  ,var(--g))
+     #F02475;
+  background-size: calc(20*var(--s)) calc(20*var(--s));
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g98">
+      <style>#g98 {
+  --s: 150px; /* control the size */
+  
+  --c:#0000,#5E9FA3 2deg 133deg,#0000 135deg;
+  --g1:conic-gradient(from -112.5deg at 25% 25%,var(--c));
+  --g2:conic-gradient(from -22.5deg  at 75% 25%,var(--c));
+  --g3:conic-gradient(from  67.5deg  at 75% 75%,var(--c));
+  --g4:conic-gradient(from 157.5deg  at 25% 75%,var(--c));
+  background: 
+    var(--g1),var(--g1),var(--g2),var(--g2),
+    var(--g3),var(--g3),var(--g4),var(--g4) #DCD1B4;
+  background-position: 0 0,calc(var(--s)/2) calc(var(--s)/2);
+  background-size: var(--s) var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
   	 <a  target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">