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:

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.

If you intend to use the same styles across many pages (a whole website, for example), you should move them to an external style sheet.

Loading