Skip to content

Instantly share code, notes, and snippets.

Created February 3, 2012 12:30
Show Gist options
  • Save anonymous/1729945 to your computer and use it in GitHub Desktop.
Save anonymous/1729945 to your computer and use it in GitHub Desktop.
Watermark background with CSS3 multiple-backgrounds, element() and linear-gradient()
/**
* Watermark background with CSS3 multiple-backgrounds, element() and linear-gradient()
*/
h1 {
font:italic 4em Georgia,serif;
text-align:center;
padding: 1em 0 0;
margin:0 0 .3em;
}
body {
padding:0 3em 2em;
color: #333;
line-height: 1.5;
font-family: Georgia,serif;
background: linear-gradient(top, #ddd, white 30px);
min-height:100%;
}
#content {
border-top: 1px solid #ccc;
padding-top:.5em;
background: linear-gradient(top, rgba(255,255,255,.85), rgba(255,255,255,.85)), element(#title);
}
<h1 id="title">Greek meatballs</h1>
<div id="content">
<p>Are you head-over-heels in love with meatballs? No? I was never a big meatball fan either. But then Mama made greek meatballs, and I found myself in an alternate meatball universe. These weren’t meatballs so much as they were fluffy meat clouds with a crispy crust that released a minty oregano-scented steam when pierced. You may think this hyperbole; if so, just try them.</p>
<ul>
<li>1 lb ground beef
<li>2 large onions or 3 medium (about 1 1/4 pounds), chopped as finely as you can stand to chop them
<li>1 bunch parsley, chopped finely
<li>fresh oregano, 40 tips from the garden, minced, or 1 TB crumbled dried oregano (not powdered)
<li>fresh mint, 40 tips from the garden, or about 1/2 to 3/4 oz by weight from the store, either way approximately 1/4 - 1/2 cup minced
<li>6 cloves of garlic, minced
<li>5 slices french bread, (approximately 6 oz) soaked in water or milk and wrung out
<li>1 greek coffee cup ouzo (summer) or red wine or beer (winter) (1 greek coffee cup = 1/4 cup)
<li>2 eggs
<li>1 1/2 tsp salt
<li>1/2 tsp ground black pepper
</ul>
<p>Mix thoroughly with your hands and refrigerate at least half an hour or overnight. When you do this it will seem like there’s not much meat in the mixture as compared to the other stuff. Don’t worry, that’s why these are so good and flavorful.</p>
</div>
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment