@@ -328,6 +328,33 @@ <h1>CSS3 Patterns Gallery</h1>
328328 < li style ="background-color: gray;
329329background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
330330background-size: 50px 50px; " title ="Horizontal stripes "> </ li >
331+
332+ < li style =" background:
333+ /*shape*/
334+ linear-gradient(115deg, transparent 89%, #e8ddcb 0) -128px -96px,
335+ linear-gradient(-115deg, transparent 89%, #cdb380 0) 22px -96px,
336+ linear-gradient(-115deg, #036564 11%, transparent 0) -128px 54px,
337+ linear-gradient(115deg, #033649 11%, transparent 0) 22px 54px,
338+
339+ /*shape*/
340+ linear-gradient(-25deg, #e8ddcb 11%, transparent 0) -128px -22px,
341+ linear-gradient(25deg, transparent 89%, #cdb380 0) -128px 128px,
342+ linear-gradient(25deg, #036564 11%, transparent 0) 22px -22px,
343+ linear-gradient(-25deg, transparent 89%, #033649 0) 22px 128px,
344+ /*shape*/
345+ linear-gradient(-25deg, #e8ddcb 11%, transparent 0) -53px -96px,
346+ linear-gradient(25deg, transparent 89%, #cdb380 0) -53px 54px,
347+ linear-gradient(25deg, #036564 11%, transparent 0) 97px -96px,
348+ linear-gradient(-25deg, transparent 89%, #033649 0) 97px 54px,
349+ /*shape*/
350+ linear-gradient(115deg, transparent 89%, #e8ddcb 0) -53px -21px,
351+ linear-gradient(-115deg, #cdb380 11%, transparent 0) -53px 129px,
352+ linear-gradient(-115deg, transparent 89%, #036564 0) 97px -21px,
353+ linear-gradient(115deg, #033649 11%, transparent 0) 97px 129px;
354+
355+ background-color: #fff;
356+ background-size: 150px 150px;
357+ background-repeat: repeat; " title ="Diamond Ground " data-author ="Ee Venn Soh " data-author-url ="http://be.net/vennsoh "> </ li >
331358
332359</ ul >
333360
0 commit comments