Skip to content

Commit 29dba4f

Browse files
author
nick@nickkusters.com
committed
Small fix to make the lines pixel-perfect in chrome
When looking at the pattern in Chrome 49, you'll notice that the small sides are less wide than the other lines. You won't see this in IE and this change does nothing for IE (must be a rounding issue), however, using this updated style will make sure Chrome renders it the same as IE (and just looks better).
1 parent cddbfd6 commit 29dba4f

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -60,8 +60,8 @@ <h1>CSS3 Patterns Gallery</h1>
6060
background-color: #EC173A;" title="Zig-Zag" data-author="eCSSpert" data-author-url="http://twitter.com/ecsspert"></li>
6161

6262
<li style="background:
63-
linear-gradient(135deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
64-
linear-gradient(225deg, #708090 22px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
63+
linear-gradient(135deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px),
64+
linear-gradient(225deg, #708090 21px, #d9ecff 22px, #d9ecff 24px, transparent 24px, transparent 67px, #d9ecff 67px, #d9ecff 69px, transparent 69px)0 64px;
6565
background-color:#708090;
6666
background-size: 64px 128px" title="Weave" data-author="Jeroen Franse" data-author-url="http://twitter.com/jroenf"></li>
6767

0 commit comments

Comments
 (0)