File tree Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Expand file tree Collapse file tree 1 file changed +15
-0
lines changed Original file line number Diff line number Diff line change @@ -1375,6 +1375,21 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
1375
1375
repeating-conic-gradient(from 90deg,var(--c))
1376
1376
0/calc(3*var(--s)) calc(3*var(--s))
1377
1377
}
1378
+ </ code > < button > Copy the CSS</ button > </ pre >
1379
+ </ section >
1380
+ < section >
1381
+ < pre > < code > html {
1382
+ --s: 100px; /* control the size */
1383
+
1384
+ --c:#0000 0 25%,#EEDD99 0 50%;
1385
+ background:
1386
+ repeating-conic-gradient(from -45deg at 75% 37.5%,var(--c)),
1387
+ conic-gradient(#BBBB88 50%,#0000 0),
1388
+ repeating-conic-gradient(from 45deg at 25% 87.5%,var(--c))
1389
+ #BBBB88;
1390
+ background-size: var(--s) calc(2*var(--s))
1391
+ }
1392
+
1378
1393
</ code > < button > Copy the CSS</ button > </ pre >
1379
1394
</ section >
1380
1395
< a target ="_blank " href ="https://github.com/Afif13/CSS-Pattern " class ="credit ">
You can’t perform that action at this time.
0 commit comments