📜  CSS |重复线性梯度()函数

📅  最后修改于: 2021-11-07 08:13:27             🧑  作者: Mango

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:

 
 
     
        repeating-linear-gradient() Function 
         
     
     
        
              
GeeksforGeeks
              
A computer science portal for geeks
          
                            

输出:
重复线性渐变

示例 2:

 
 
     
        repeating-linear-gradient() Function 
         
     
     
        
              
GeeksforGeeks
              
A computer science portal for geeks
          
                            

输出: