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

Geplaatst

in

,

door

Tags:

Reacties

Geef een reactie

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