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.

Webkit and Firefox have very different syntax for gradients. This tool doesn't yet support Firefox's CSS Gradients syntax for radial gradients (coming soon), but does for linear 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 radial gradients). Enjoy playing with gradients!