Gradients are presently only supported in Safari 4 and Chrome (webkit) and Firefox 3.6. In webkit they can be used anywhere an image can be - for example background-image, list-style-image, border-image or with generated content. In Firefox they can only be used as background images.

Note webkit based browsers and Firefox have very different syntax for gradients.

If you specify a gradient as a background, be sure to also specify a background color, to ensure text is legible in browsers which don't support gradients.

Gradients can be linear or radial (this editor creates linear gradients for webkit browsers). In webkit they require a start and stop position and color, and may also take one or more color stops, which specify a color and position. Enjoy playing with gradients!