@@ -338,7 +338,40 @@ <h1>CSS3 Patterns Gallery</h1>
338338 < li style ="background-color: gray;
339339background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
340340background-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