conic-gradient()函数是 CSS 中的一个内置函数,用于设置圆锥渐变作为背景图像。圆锥梯度角度从 0 度开始 – 360 度。圆锥是圆形的,使用元素的中心作为色标的源点。
圆锥渐变包括饼图和色轮。 conic-gradient()函数是一个数据类型的对象,它是一种特殊的图像。
句法:
Background image: conic-gradient(color degree, color degree, ...)
圆锥渐变类似于径向渐变,不同之处在于色标位于创建的圆的外边缘。
例子:
径向梯度:
圆锥梯度:
下面的例子说明了 CSS 中的 conic-gradient()函数:
方案一:
conic gradient
输出:
方案二:
conic gradient
输出:
方案三:
conic gradient
输出:
程序4:
conic gradient
输出:
计划5:
conic gradient
输出: