CSS |线性梯度（）函数

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

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

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

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

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

html

    
        
        
    
    
        
linear-gradient: Top to Bottom property
        
GeeksforGeeks
    

输出：

示例 2：

html

    
        
        
    
    
        
linear-gradient: Right to Left property
        
GeeksforGeeks
    

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器