2 more patterns

Author: Afif13

index.html

@@ -1627,6 +1627,35 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     linear-gradient(90deg,var(--c)) 0/var(--s) var(--s)
     #59A80F;
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g95">
+      <style>#g95 {
+  --s: 100px; /* control the size */
+  
+  --c: #99B2B7; /* back color */
+  background:
+    conic-gradient(at 80% 80%,var(--c) 75%,#0000 0),
+    linear-gradient(135deg,var(--c) calc(40%/3),
+      #0000 0 calc(200%/3),var(--c) 0),
+    conic-gradient(from 45deg at calc(160%/3) calc(80%/3),
+      #0008 135deg,#0000 0 225deg,#0004 0)
+    #EDC951; /* cube color */
+  background-size: var(--s) var(--s);
+}
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g96">
+      <style>#g96 {
+  --s: 90px;
+  
+  --_s:0 0/var(--s) var(--s);
+  background:
+    radial-gradient(#0000 50%,#0002 54%,#DAD8A7 57%) var(--_s),
+    radial-gradient(circle at 40% 30%,#0000 4%,#000 90%) var(--_s),
+    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>
   	 <a  target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">