Skip to content

Commit

Permalink
Merge branch 'master' of github.com:LeaVerou/CSS3-Patterns-Gallery
Browse files Browse the repository at this point in the history
  • Loading branch information
LeaVerou committed Mar 6, 2012
2 parents f77371b + 2a926dc commit bca05ee
Showing 1 changed file with 11 additions and 2 deletions.
13 changes: 11 additions & 2 deletions index.html
Expand Up @@ -26,6 +26,15 @@ <h1>CSS3 Patterns Gallery</h1>
<li>Enjoy!</li>
</ul>
<ul id="patterns">
<li style="background: #36c;
background:
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
linear-gradient(-25deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
linear-gradient(-155deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
#36c;
background-size: 15px 30px" title="Half-Rombes" data-author="Valentin Agachi" data-author-url="http://agachi.name/"></li>

<li style="background:
linear-gradient(45deg, #92baac 45px, transparent 45px),
linear-gradient(45deg, #92baac 45px, transparent 45px)64px 64px,
Expand All @@ -34,7 +43,7 @@ <h1>CSS3 Patterns Gallery</h1>
background-color:#e1ebbd;
background-size: 128px 128px" title="Arrows" data-author="Jeroen Franse" data-author-url="http://twitter.com/jroenf"></li>

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

<h2 id="browser-support">Browser support</h2>
<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>.
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>
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>
<p>Also, this gallery won’t work in Firefox 3.6 and IE10, even though they support gradients, due to a JavaScript limitation.</p>

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

0 comments on commit bca05ee

Please sign in to comment.