2 mor patterns

Author: Afif13

index.html

@@ -1596,6 +1596,37 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     conic-gradient(at 0% 100%,var(--c));
   background-size: var(--s) var(--s);
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g93">
+      <style>#g93 {
+  --s: 76px; /* control the size  */
+  --c1: #ff9f6a;
+  --c2: #1f5e79; 
+  
+  background:
+    conic-gradient(from 30deg at 80%,
+       var(--c1) 60deg,var(--c2) 0 120deg,#0000 0),
+    conic-gradient(from -30deg,
+      var(--c2)   120deg,var(--c1) 0 240deg,
+      var(--c2) 0 300deg,var(--c1) 0);
+  background-size: calc(3*var(--s)/2) var(--s)
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g94">
+      <style>#g94 {
+  --s: 80px; /* control the size */
+  
+  --c:#0000 75%,#E9E0D1 0;
+  --g:/calc(2*var(--s)) var(--s) 
+    conic-gradient(at 62.5% 25%,var(--c));
+  background:
+    calc(  var(--s)/4) calc(var(--s)/ 4) var(--g),
+    calc(5*var(--s)/4) calc(var(--s)/-4) var(--g),
+    linear-gradient(90deg,var(--c)) 0/var(--s) var(--s)
+    #59A80F;
+}
 </style><button>Copy the CSS</button>  
     </section>
   	 <a  target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">