Two simple triangle-based patterns

index.html

@@ -338,7 +338,14 @@ <h1>CSS3 Patterns Gallery</h1>
 	<li style="background-color: gray;
 background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
 background-size: 50px 50px;" title="Horizontal stripes"></li>
-
+
+	<li style="background-color: #1a1d33;
+background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.1) 50%);
+background-size: 50px 50px;" title="Triangles" data-author="Paul Egan" data-author-url="http://paulegan.org/"></li>
+
+	<li style="background-image: linear-gradient(45deg, transparent 50%, rgba(0,0,0,0.1) 50%), linear-gradient(to bottom right, #1ad162, #68d162, #dfc056, #e55727, #d2100b);
+background-size: 50px 50px, auto auto;" title="Triangle Gradient" data-author="Paul Egan" data-author-url="http://paulegan.org/"></li>
+
 </ul>
 
 <h2 id="browser-support">Browser support</h2>