Skip to content

Instantly share code, notes, and snippets.

@kaylarose
Created February 24, 2011 18:35
Show Gist options
  • Save kaylarose/842628 to your computer and use it in GitHub Desktop.
Save kaylarose/842628 to your computer and use it in GitHub Desktop.
/* This is a linear gradient that will go from:
very light grey (#EEE) at the top,
to medium grey (#BBB) at the bottom
*/
.grey_gradient {
/* Graceful fallback for unsupported browsers */
background: #ccc;
/* Firefox 3.6+ */
background-image: -moz-linear-gradient(top, #eee, #bbb);
/* Webkit (Safari 4+, Chrome) */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #bbb));
/* True CSS3 Future-Compatibility */
background-image: linear-gradient(top, #eee, #bbb);
/* IE Hack (Tested on 7+ - may work on earlier versions) */
/* NOTICE: You can NOT use short hex values here IE evals #eee as a royal blue?! */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#bbbbbb');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment