File tree Expand file tree Collapse file tree 1 file changed +14
-0
lines changed Expand file tree Collapse file tree 1 file changed +14
-0
lines changed Original file line number Diff line number Diff line change @@ -1332,6 +1332,20 @@ <h1><span>C</span><span>S</span><span>S</span> Pattern</h1>
1332
1332
linear-gradient(90deg,var(--c1) 50%,var(--c2) 0)
1333
1333
0 0/calc(2*var(--s));
1334
1334
}
1335
+ </ code > < button > Copy the CSS</ button > </ pre >
1336
+ </ section >
1337
+ < section >
1338
+ < pre > < code > html {
1339
+ --s: 100px; /* control the size */
1340
+ --c1: #5A3D31;
1341
+ --c2: #E5EDB8;
1342
+
1343
+ background:
1344
+ radial-gradient(#0000 50%,var(--c1) 52% 55%,var(--c2) 57%)
1345
+ 0 0/var(--s) var(--s),
1346
+ repeating-linear-gradient(45deg,var(--c1) 0 25%,var(--c2) 0 50%)
1347
+ 0 0/calc(2*var(--s)) calc(2*var(--s))
1348
+ }
1335
1349
</ code > < button > Copy the CSS</ button > </ pre >
1336
1350
</ section >
1337
1351
< a target ="_blank " href ="https://github.com/Afif13/CSS-Pattern " class ="credit ">
You can’t perform that action at this time.
0 commit comments