Added smoothing to diamond plate pattern

mvisyak · mvisyak · commit 22980dd5b195 · 2016-07-18T08:38:05.000-04:00
diff --git a/index.html b/index.html
@@ -367,12 +367,12 @@ <h1>CSS3 Patterns Gallery</h1>
         
         <li style="background-color:rgba(150,150,150,1);
 background-image:
-linear-gradient(144deg, rgba(150,150,150,1) 27px, transparent 27px),linear-gradient(-35deg, rgba(150,150,150,1) 25px, transparent 25px),
-linear-gradient(132deg, rgba(255,255,255, 1) 27px, transparent 27px),linear-gradient(128deg, rgba(200,200,200, 0.7) 27px, transparent 27px),
-linear-gradient(-41deg, rgba(200,200,200, 1) 27px, transparent 27px),linear-gradient(-52deg, rgba(255,255,255, 1) 27px, transparent 27px),
-linear-gradient(-125deg, rgba(150,150,150,1) 27px, transparent 27px),linear-gradient(53deg, rgba(150,150,150,1) 25px, transparent 25px),
-linear-gradient(-132deg, rgba(200,200,200, 1) 27px, transparent 27px),linear-gradient(-141deg, rgba(255,255,255, 1) 27px, transparent 27px),
-linear-gradient(42deg, rgba(255,255,255, 1) 27px, transparent 27px),linear-gradient(38deg, rgba(200,200,200, 0.5) 27px, transparent 27px);
+linear-gradient(144deg, rgba(150,150,150,1) 26px, transparent 27px),linear-gradient(-34deg, rgba(150,150,150,1) 25px, transparent 26px),
+linear-gradient(132deg, rgba(255,255,255, 1) 26px, transparent 27px),linear-gradient(128deg, rgba(200,200,200, 0.7) 26px, transparent 27px),
+linear-gradient(-41deg, rgba(200,200,200, 1) 27px, transparent 28px),linear-gradient(-52deg, rgba(255,255,255, 1) 27px, transparent 28px),
+linear-gradient(-125deg, rgba(150,150,150,1) 26px, transparent 27px),linear-gradient(55deg, rgba(150,150,150,1) 25px, transparent 26px),
+linear-gradient(-132deg, rgba(200,200,200, 1) 26px, transparent 27px),linear-gradient(-141deg, rgba(255,255,255, 1) 26px, transparent 27px),
+linear-gradient(42deg, rgba(255,255,255, 1) 27px, transparent 28px),linear-gradient(38deg, rgba(200,200,200, 0.5) 27px, transparent 28px);
 background-size:100px 100px;
 background-position:-16px 9px, -13px -11px,-13px 13px, -13px 16px,-13px -11px, -13px -16px,-23px -1px, -3px -1px, -26px -1px, -30px -1px,-2px -1px, 1px -1px;
 background-repeat:repeat;"
