Skip to content

Commit 4366a88

Browse files
committed
another pattern
1 parent f4ee148 commit 4366a88

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2434,6 +2434,20 @@ <h2>the biggest collection of background Patterns</h2>
24342434
repeating-linear-gradient(45deg,var(--c),#D3643B 0 70%);
24352435
background-size: var(--s) var(--s);
24362436
}
2437+
</style><button>Copy the CSS</button>
2438+
</section>
2439+
<section id="g142">
2440+
<style>#g142 {
2441+
--s: 100px; /* control the size */
2442+
2443+
--c:#88C425;
2444+
--g:#1B676B -5% 5%,#0000 0 45%;
2445+
background:
2446+
linear-gradient(45deg,#0000 10%,var(--c) 0 40%,#0000 0),
2447+
repeating-linear-gradient( 45deg,var(--g)),
2448+
repeating-linear-gradient(-45deg,var(--g)) var(--c);
2449+
background-size: var(--s) var(--s);
2450+
}
24372451
</style><button>Copy the CSS</button>
24382452
</section>
24392453
<section>

0 commit comments

Comments
 (0)