Implementation code for color linear gradient colors in CSS3

This article gives you the content is about CSS3 color linear gradient Color implementation code, there is a certain reference value, the need for friends can refer to, I hope you have some help.

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 syntax has been supported by browsers such as ie10+, firefox19.0+, chrome26.0+, and opera12.1+.

Linear gradient Syntax:

Linear-gradient (to bottom, #FFF, #999)

Parameters: The first parameter specifies the gradient direction, which can be expressed in terms of angle or English:

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);

Instance code:

<! DOCTYPE html>
The effect is as follows: