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);

Recommended Posts

No comment yet, add your voice below!


Add a Comment

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *