CSS3 Gradient Background

The gradient of CSS3 is divided into two types: linear gradient (linear) and radial gradient (radial).

First, linear gradient linear-gradient

Linear-gradient ([Set direction],[set start color],[set various over color],[set End color])

Parameters:

First parameter: Specifies the direction of the gradient, which can be expressed as the "angle" keyword or "English":

The first parameter defaults to: 180deg, which is the same as "to bottom".

The color behind is at least 2, which is the start color and end color.

Example:

<styletype= "Text/css">P{width:300px;Height:100px;Background-image:-webkit-linear-gradient (left, red, orange, yellow, green, blue, Indigo, violet);}</style><P>Left-to-right linear gradient background</P>

Two, radial gradient radial-gradient

Cond

CSS3 gradient written in the desert

Http://www.w3cplus.com/content/css3-gradient

CSS3 Gradient Background