another pattern

Afif13 · Dec 11, 2023 · 61f1c52 · 61f1c52
1 parent 4de2a9c
commit 61f1c52
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -2228,6 +2228,20 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     var(--g1) var(--s) var(--s) #2c2e2a;
   background-size: calc(4*var(--s)) calc(2*var(--s));
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g129">
+      <style>#g129 {
+  --s: 60px; /* control the size */
+
+  --c:#1C2130 0 25%,#0000 0;
+  --p:0 0/calc(3*var(--s)) calc(2*var(--s));
+  background:
+    conic-gradient(from -45deg at 75% 62.5%,var(--c)) var(--p),
+    conic-gradient(from 135deg at 25% 37.5%,var(--c)) var(--p),
+    repeating-conic-gradient(from 90deg,var(--c),#D14334 0 50%)
+     0 0/var(--s) var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
     <section>