如何在网站中放置渐变色？

CSS 渐变是由两种或多种颜色之间的过渡所制成的图像。下面给出了三种类型的梯度：

• 线性渐变
• 径向渐变
• 锥形梯度

图像显示了渐变的类型

线性渐变：它是以线性（直线）方式进行的渐变类型。

句法：

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

示例：此示例使用线性渐变属性值在网站中创建渐变颜色。

HTML

  

    
    

  

    

        
GFG
    

  

输出：

径向渐变：是一种类似于线性渐变的渐变类型，但两者的区别在于这种渐变是从中心点向四周辐射的。

句法：

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

例子：

  

    
    

  

    

        
GeeksforGeeks
        

            A computer science portal for geeks
        
    

  

输出：

锥形渐变：它是一种渐变类型，可创建图像的颜色过渡发生在图像的中心点周围。句法：

Background image: conic-gradient(color degree, color degree, ...)

例子：

输出：