another pattern

Afif13 · Dec 15, 2023 · b1aa53e · b1aa53e
1 parent 2bfb502
commit b1aa53e
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -2263,6 +2263,23 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
     #2B4E72;
   background-size: calc(4*var(--s)) calc(4*var(--s));
 }
+</style><button>Copy the CSS</button>  
+    </section>
+    <section id="g131">
+      <style>#g131 {
+  --s: 110px; /* control the size */
+  --c1:#ECD078;
+  --c2:#542437;
+
+  --l1:#0000  48%,var(--c1) 0 52%,#0000 0;
+  --l2:#0000 1.3%,var(--c2) 0 32%,#0000 0;
+  background:
+    linear-gradient(-45deg,var(--l2)),
+    linear-gradient( 45deg,var(--l1)),
+    linear-gradient( 45deg,var(--l2)) calc(var(--s)/2) calc(var(--s)/2),
+    linear-gradient(-45deg,var(--l1)) var(--c2);
+  background-size: calc(2*var(--s)) var(--s),var(--s) var(--s);
+}
 </style><button>Copy the CSS</button>  
     </section>
     <section>