CSS |重复线性梯度（）函数

repeating-linear-gradient()函数是 CSS 中的一个内置函数，用于重复线性渐变。

句法：

background-image: repeating-linear-gradient( angle | to side-or-corner, color-stop1,
color-stop2, ...); 

参数：此函数接受以下列出的许多参数：

• 角度：此参数用于保持渐变的方向角度。其值介于 0 到 360 度之间。默认情况下，其值为 180 度。
• side-or-corner：该参数用于定义渐变线的起点位置。它由两个关键字组成：第一个表示水平边，左侧或右侧，第二个表示垂直边，顶部或底部。顺序不相关，每个关键字都是可选的。
• color-stop1, color-stop2, …：此参数用于保存颜色值，然后是可选的停止位置。

下面的例子说明了 CSS 中的重复线性梯度（）函数：

示例 1：

 
 
     
         
         
     
     
        
 
            
GeeksforGeeks
 
            
A computer science portal for geeks
 
        
 
     
                    

输出：

示例 2：

 
 
     
         
         
     
     
        
 
            
GeeksforGeeks
 
            
A computer science portal for geeks
 
        
 
     
                    

输出：