A gradient is a combination of two or more colors where one color gradually (or sometimes quickly) transitions into the next. When used sparingly, gradients can be a very effective way to add visual interest and pizzazz to your web page elements. Alas, the CSS radial-gradient()
function is a complex beast that still requires browser prefixes for best results. To make your life easier, use the Radial Gradient Generator to generate the CSS for your gradients with just a few clicks or taps. (If straight lines are more your thing, check out the Linear Gradient Generator.)