Gradient Generator

Use the following CSS3 gradient generator to create a gradient for your website.

Gradient
Color 1:
Color 2:
Direction:
Text
Text:

OR

Color:
Box
Element:
Width:
Height:
Border
Color:
Width:
Style:
Optional text...

The Code

Here is the code that was generated:

Customizing The CSS

The CSS is the code between the <style></style> tags. These are the codes that determine the gradient as well as other styles. Here's an explanation of CSS gradients which includes usage examples.