CSS 圆锥曲线渐变生成器
直观地构建 CSS 渐变：线性、径向或圆锥类型、角度滑块和多达六个色标，并具有实时全角预览和可复制代码。
处理中...
0%
结果
此页面将打开已选择圆锥曲线类型的渐变生成器：颜色不是沿着直线淡出或从中心淡出，而是像钟针一样从您在滑块上设置的角度开始围绕中心扫过。
conic-gradient() 是三个 CSS 渐变函数中最新的一个，也是饼图、色轮和引人注目的旋转边框效果背后的函数。以百分比表示的止损位置是围绕圆的位置 - 0% 和 100% 处的两个止损始终平滑地混合，而靠近放置的止损会形成清晰的楔形。
调整起始角度并停止，直到预览读数正确，然后复制背景线。所有现代浏览器都支持圆锥渐变，因此代码可以安全发布。