📜  CSS | conic-gradient()函数

📅  最后修改于: 2021-09-01 03:22:41             🧑  作者: Mango

conic-gradient()函数是 CSS 中的一个内置函数,用于设置圆锥渐变作为背景图像。圆锥梯度角度从 0 度开始 – 360 度。圆锥是圆形的,并使用元素的中心作为色标的源点。
圆锥渐变包括饼图和色轮。 conic-gradient()函数是一个数据类型的对象,它是一种特殊的图像。

句法:

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

圆锥渐变类似于径向渐变,不同之处在于色标位于创建的圆的外边缘。

例子:

径向梯度:

圆锥梯度:

下面的例子说明了 CSS 中的 conic-gradient()函数:

方案一:




    conic gradient
    


    

输出:

输出 1 圆锥梯度

方案二:




    conic gradient
    


    

输出:

方案三:




    conic gradient
    


    

输出:

程序4:




    conic gradient
    


    

输出:

计划5:




    conic gradient
    


    

输出: