Cascading Style Sheets/Gradients

Use the background image property to create a linear or radial gradient.

Use the linear-gradient keyword to create a linear gradient.

Use -moz-, -o-, -webkit-, and -ms- as a prefix to the linear-gradient keyword for Mozilla, Opera, Webkit, and Microsoft browsers respectively.

#corpnav, #searchbar { 
  color: #999; 
  background-image: -o-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Opera */
  background-image: -moz-linear-gradient(top,rgb(49,49,49),rgb(7,7,7)); /* for Mozilla */
  background-image: -webkit-linear-gradient(top,rgb(100,100,100),rgb(200,200,200)); /* for Webkit */


CSS3 Linear Gradients

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.


Manage research, learning and skills at IT1me. Create an account using LinkedIn to manage and organize your IT knowledge. IT1me works like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us  |  About |  IT Training & References |  IT Careers |  IT Hardware |  IT Software |  IT Books