Cascading Style Sheets/Gradients
Use the background image
property to create a linear, radial or conic gradient.
Use the linear-gradient
keyword to create a linear gradient.
Use -moz-
, -o-
, and -webkit-
as a prefix to the linear-gradient
keyword for support on older browsers
#corpnav, #searchbar {
color: #999;
background-image: -o-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Opera 11.1 and 12 */
background-image: -moz-linear-gradient(top,rgb(49,49,49),rgb(7,7,7)); /* for Firefox 3.6-15 */
background-image: -webkit-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Chrome 10-25, Safari 5.1 and 6 */
background-image: linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for IE 10+, Edge, Safari 6.1+, Opera 12.1+, Chrome 26+, Firefox 16+ */
}