CSS |重复径向梯度（）函数

repeating-radial-gradient()函数是 CSS 中的一个内置函数，用于重复径向渐变。

句法：

background-image: repeating-radial-gradient(shape size at position, 
start-color, ..., last-color); 

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

• shape：该参数用于定义渐变的形状。它有两个可能的值圆或椭圆。默认形状值为椭圆。
• size：该参数用于定义渐变的大小。可能的值为：farthest-corner(默认)、最近侧、最近角、最远侧。
• position：该参数用于定义渐变的位置。默认值为中心。
• start-color, …, last-color：此参数用于保存颜色值，后跟可选的停止位置。

下面的例子说明了 CSS 中的重复径向梯度()函数：

例子：

 
 
     
         
         
     
     
        
 
            
GeeksforGeeks
 
            
A computer science portal for geeks
 
        
 
     
                     

输出：

示例 2：

 
 
     
         
         
     
     
        
 
            
GeeksforGeeks
 
            
A computer science portal for geeks
 
        
 
     
                     

输出：