Detailed explanation of linear-gradient parameters in CSS3

1. Syntax

2. Parameters

The first parameter: Specify the gradient direction, you can use "Angle" keyword or "English" to express:

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

The second and third parameters represent the starting point and end point of the color, and can have multiple color values.

For example:

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

This attribute has been supported by browsers such as IE10+, Firefox19.0+, Chrome26.0+ and Opera12.1+.

【Related recommendations】

1. CSS3 free video tutorial

2. CSS linear-gradient() syntax detailed explanation

3. Detailed explanation of linear-gradient examples in CSS3

4. Detailed explanation of how to use lineaer-gradient in CSS3

5. In-depth explanation of oblique linear gradient in CSS3 lineaer-gradient

The above is the detailed content of Detailed explanation of linear-gradient parameters in CSS3. For more information, please follow other related articles on the PHP Chinese website!