Skip to content

Commit 671a987

Browse files
committed
#91
1 parent 99ce2c7 commit 671a987

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

index.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1564,6 +1564,23 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
15641564
conic-gradient(at calc(250%/3) calc(250%/3),var(--c1) 75%,var(--c2) 0);
15651565
background-size: var(--s) var(--s);
15661566
}
1567+
</style><button>Copy the CSS</button>
1568+
</section>
1569+
<section id="g91">
1570+
<style>#g91 {
1571+
--s: 37px; /* control the size */
1572+
1573+
--c:#0000,#2FB8AC .5deg 119.5deg,#0000 120deg;
1574+
--g1:conic-gradient(from 60deg at 56.25% calc(425%/6),var(--c));
1575+
--g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
1576+
--g3:conic-gradient(from -60deg at 50% calc(175%/12),var(--c));
1577+
background:
1578+
var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
1579+
var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
1580+
var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s))
1581+
#ECBE13;
1582+
background-size: calc(2*var(--s)) calc(3.46*var(--s));
1583+
}
15671584
</style><button>Copy the CSS</button>
15681585
</section>
15691586
<a target="_blank" href="https://github.com/Afif13/CSS-Pattern" class="credit">

0 commit comments

Comments
 (0)