Skip to content

Commit de1cc34

Browse files
committed
Added 5 new patterns
1 parent bf85517 commit de1cc34

File tree

1 file changed

+34
-1
lines changed

1 file changed

+34
-1
lines changed

index.html

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -338,7 +338,40 @@ <h1>CSS3 Patterns Gallery</h1>
338338
<li style="background-color: gray;
339339
background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
340340
background-size: 50px 50px;" title="Horizontal stripes"></li>
341-
341+
342+
343+
344+
<li style="background:
345+
radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
346+
radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
347+
linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
348+
linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
349+
linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
350+
linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
351+
background-size:40px 60px;"
352+
title="HoneyComb" data-author="Paul Salentiny"></li>
353+
354+
<li style="
355+
background: linear-gradient(#ffffff 50%, rgba(255,255,255,0) 0) 0 0,
356+
radial-gradient(circle closest-side, #FFFFFF 53%, rgba(255,255,255,0) 0) 0 0,
357+
radial-gradient(circle closest-side, #FFFFFF 50%, rgba(255,255,255,0) 0) 55px 0 #48B;
358+
background-size:110px 200px;
359+
background-repeat:repeat-x;"
360+
title="Wave" data-author="Paul Salentiny"></li>
361+
362+
<li style="background: linear-gradient(315deg, transparent 75%, #d45d55 0)-10px 0,
363+
linear-gradient(45deg, transparent 75%, #d45d55 0)-10px 0,
364+
linear-gradient(135deg, #a7332b 50%, transparent 0) 0 0,
365+
linear-gradient(45deg, #6a201b 50%, #561a16 0) 0 0 #561a16;
366+
background-size: 20px 20px;"
367+
title="Pyramid" data-author="Paul Salentiny"></li>
368+
369+
<li style="background: linear-gradient(45deg, #dca 12%, transparent 0, transparent 88%, #dca 0),
370+
linear-gradient(135deg, transparent 37%, #a85 0, #a85 63%, transparent 0),
371+
linear-gradient(45deg, transparent 37%, #dca 0, #dca 63%, transparent 0) #753;
372+
background-size: 25px 25px;"
373+
title="Chocolate Weave" data-author="Paul Salentiny"></li>
374+
342375
</ul>
343376

344377
<h2 id="browser-support">Browser support</h2>

0 commit comments

Comments
 (0)