📜  CSS |线性梯度()函数

📅  最后修改于: 2021-09-01 01:44:02             🧑  作者: Mango

linear-gradient()函数是 CSS 中的一个内置函数,用于将线性渐变设置为背景图像。

句法:

background-image: linear-gradient( direction, color1, color2, ... )

参数:该函数接受一个方向参数和许多颜色参数,如下所列:

  • 方向:此参数用于定义渐变效果的起点和方向。
  • color1, color2, …:此参数用于保存颜色值,然后是可选的停止位置。

下面的例子说明了 CSS 中的 linear-gradient()函数:
示例 1:



    
        linear-gradient function
        
    
    
        

linear-gradient: Top to Bottom property

        
GeeksforGeeks
    

输出:

示例 2:



    
        linear-gradient function
        
    
    
        

linear-gradient: Right to Left property

        
GeeksforGeeks
    

输出: