How to change the angle of gradient in css3

In CSS3, you can use the "linear-gradient" function to change the angle of the gradient. This function is used to create an image that represents a linear gradient of two or more colors. The first parameter is used to set the gradient. The angle or direction, the syntax is "color attribute: linear-gradient (gradient angle, color...)".

The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.

How to change the angle of gradient in css3

linear-gradient The syntax of linear gradient is:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

The main parameters are:

direction Specifies the direction (or angle) of the gradient using an angle value.

color-stop1, color-stop2,... are used to specify the starting and ending colors of the gradient.

The example is as follows:

      
  
线性渐变 - 使用不同的角度
 
0deg

 
90deg

 
180deg

 
-90deg
 
注意： Internet Explorer 9 及之前的版本不支持渐变。
  

Output result:

(Learning video sharing:css video tutorial)

The above is the detailed content of How to change the angle of gradient in css3. For more information, please follow other related articles on the PHP Chinese website!