Skip to content

Commit bca05ee

Browse files
committed
Merge branch 'master' of github.com:LeaVerou/CSS3-Patterns-Gallery
2 parents f77371b + 2a926dc commit bca05ee

File tree

1 file changed

+11
-2
lines changed

1 file changed

+11
-2
lines changed

index.html

+11-2
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,15 @@ <h1>CSS3 Patterns Gallery</h1>
2626
<li>Enjoy!</li>
2727
</ul>
2828
<ul id="patterns">
29+
<li style="background: #36c;
30+
background:
31+
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
32+
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
33+
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
34+
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
35+
#36c;
36+
background-size: 15px 30px" title="Half-Rombes" data-author="Valentin Agachi" data-author-url="http://agachi.name/"></li>
37+
2938
<li style="background:
3039
linear-gradient(45deg, #92baac 45px, transparent 45px),
3140
linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
@@ -34,7 +43,7 @@ <h1>CSS3 Patterns Gallery</h1>
3443
background-color:#e1ebbd;
3544
background-size: 128px 128px" title="Arrows" data-author="Jeroen Franse" data-author-url="http://twitter.com/jroenf"></li>
3645

37-
<li style="background:
46+
<li style="background:
3847
linear-gradient(315deg, #ECEDDC 25%, transparent 25%) -50px 0,
3948
linear-gradient(225deg, #ECEDDC 25%, transparent 25%) -50px 0,
4049
linear-gradient(135deg, #ECEDDC 25%, transparent 25%),
@@ -318,7 +327,7 @@ <h1>CSS3 Patterns Gallery</h1>
318327

319328
<h2 id="browser-support">Browser support</h2>
320329
<p>The patterns themselves should work on <strong>Firefox 3.6+</strong>, <strong>Chrome</strong>, <strong>Safari 5.1</strong>, <strong>Opera 11.10+</strong> and <strong>IE10+</strong>.
321-
However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Opera doesn’t support radial gradients and Gecko is quite buggy with them).</p>
330+
However, implementation limitations might cause some of them to not be displayed correctly even on those browsers (for example at the time of writing, Gecko is quite buggy with radial gradients).</p>
322331
<p>Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation.</p>
323332

324333
<h2 id="new-submissions">Submission guidelines</h2>

0 commit comments

Comments
 (0)