@@ -26,6 +26,20 @@ <h1>CSS3 Patterns Gallery</h1>
26
26
< li > Enjoy!</ li >
27
27
</ ul >
28
28
< ul id ="patterns ">
29
+ < li style ="background:
30
+ radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
31
+ radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
32
+ radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
33
+ radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
34
+ radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
35
+ radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
36
+ radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
37
+ radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
38
+ linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
39
+ linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;
40
+ background-color: #300;
41
+ background-size: 100px 100px; " title ="Upholstery " data-author ="Nate Eagle " data-author-url ="http://nateeagle.com/ "> </ li >
42
+
29
43
< li style ="background-color:black;
30
44
background-image:
31
45
radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
@@ -314,4 +328,4 @@ <h2 id="new-submissions">Submission guidelines</h2>
314
328
</ script >
315
329
< script src ="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator "> </ script >
316
330
</ body >
317
- </ html >
331
+ </ html >
0 commit comments