CSS3 Gradient Color

CSS3 Gradient are divided into linear gradients (linear) and radial gradients (radial). Because different rendering engines implement the syntax of gradients, we only analyze the use of the standard syntax for linear gradients, and the rest of us can read the relevant data. The ie10+, firefox19.0+, chrome26.0+ and opera12.1+ have been supported by browsers.

Let's take a look at the linear gradient:

　　　　

　　Parameters:

First parameter: specifies the gradient direction , which can be expressed by the keyword " angle " or "English" :

　　

　　

When the first parameter is omitted, the default is "180deg", which is equivalent to "to bottom".

The second and third parameters, which represent the starting and ending points of the color , can have multiple color values.

　　

Background-image:linear-gradient (to left, red, orange,yellow,green,blue,indigo,violet);

：

　　

　　

CSS3 Gradient Color