Skip to content
This repository

Added new upholstery pattern #9

Merged
merged 3 commits into from over 2 years ago

2 participants

Nate Eagle Lea Verou
Nate Eagle

Uses a series of radial gradients to make a pattern that looks like
luxurious red upholstery.

added some commits August 24, 2011
Nate Eagle Added new upholstery pattern
Uses a series of radial gradients to make a pattern that looks like
luxurious red upholstery.
a9e0a29
Nate Eagle Changed background-image CSS to use background shorthand in Upholster…
…y pattern
f4b5de0
Nate Eagle Updated styles for upholstery example and bumped it to the top
Pulled background color out of shorthand and into a background-color
declaration with a hex color (rather than hsl) as a fallback for older
browsers
1d7ba05
Lea Verou LeaVerou merged commit 8ff7dd6 into from August 25, 2011
Lea Verou LeaVerou closed this August 25, 2011
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 3 unique commits by 1 author.

Aug 24, 2011
Nate Eagle Added new upholstery pattern
Uses a series of radial gradients to make a pattern that looks like
luxurious red upholstery.
a9e0a29
Aug 25, 2011
Nate Eagle Changed background-image CSS to use background shorthand in Upholster…
…y pattern
f4b5de0
Nate Eagle Updated styles for upholstery example and bumped it to the top
Pulled background color out of shorthand and into a background-color
declaration with a hex color (rather than hsl) as a fallback for older
browsers
1d7ba05
This page is out of date. Refresh to see the latest.

Showing 1 changed file with 15 additions and 1 deletion. Show diff stats Hide diff stats

  1. 16  index.html
16  index.html
@@ -26,6 +26,20 @@
26 26
 		<li>Enjoy!</li>
27 27
 	</ul>
28 28
 	<ul id="patterns">
  29
+		<li style="background:
  30
+radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,
  31
+radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,
  32
+radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,
  33
+radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,
  34
+radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,
  35
+radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,
  36
+radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,
  37
+radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,
  38
+linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,
  39
+linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;
  40
+background-color: #300; 
  41
+background-size: 100px 100px;" title="Upholstery" data-author="Nate Eagle" data-author-url="http://nateeagle.com/"></li>
  42
+
29 43
 		<li style="background-color:black;
30 44
 background-image:
31 45
   radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
@@ -314,4 +328,4 @@ <h2 id="new-submissions">Submission guidelines</h2>
314 328
 	</script> 
315 329
 	<script src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator"></script>
316 330
 </body>
317  
-</html>
  331
+</html>
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.