CSS |径向梯度（）函数

Radial-gradient()函数是 CSS 中的一个内置函数，用于将径向渐变设置为背景图像。它从一个点开始，向外散发。默认情况下，第一种颜色从元素的中心位置开始，然后朝着元素的边缘渐变到结束颜色。在指定之前，淡入淡出以相同的速率发生。
句法：

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

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

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

下面的例子说明了 CSS 中的 Radial-gradient()函数：
方案一：

html

    
        
        
    
    
        

            
GeeksforGeeks
            
A computer science portal for geeks
        
    

输出：

方案二：

html

    
        
        
    
    
        

            
GeeksforGeeks
            
A computer science portal for geeks
        
    
                   

输出：

支持的浏览器：

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