Gradients in CSS3

You can create something as simple as the example below or as complex as displaying radial gradient circles positioned throughout your DIV. You can even create color stops similar to what is used within Photoshop anywhere you wish. The possibilities are endless.

The Code:

background-image:
     -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#999));

background-image:
     -moz-linear-gradient(100% 100% 90deg, #999, #eee);

an even shorter way for Mozilla:

background-image:
     -moz-linear-gradient(bottom, #999, #eee);