Forked from kaylarose/Cross-Browser-CSS-Gradient.css
Created
December 12, 2011 03:47
-
-
Save sthembi/1464692 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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