颜色停靠点
CSS 输出
预设
点击主题即可立即加载预配置的渐变。
工作原理与 CSS 语法
此工具通过可视化方式构建标准的 CSS `background-image` 属性。当你添加颜色并改变位置时，生成器会计算现代浏览器所需的精确语法。
线性渐变 (Linear Gradients)
线性渐变沿直线过渡颜色。其语法为：
linear-gradient(angle, color1 position1, color2 position2, ...)
角度 (Angle) 决定了方向（例如，90deg 表示从左到右）。位置 (Position) 决定了颜色达到其最纯净形式的位置（0% 到 100%）。
径向渐变 (Radial Gradients)
径向渐变从中心点向外过渡颜色。其语法为：
radial-gradient(shape at position, color1 pos1, color2 pos2, ...)
形状 (Shape) 可以是 circle（圆形）或 ellipse（椭圆）。此工具默认将位置设在元素的 center（中心）。
圆锥渐变 (Conic Gradients)
圆锥渐变颜色围绕中心点旋转过渡，类似于饼图。其语法为：
conic-gradient(from angle at center, color1 pos1, color2 pos2, ...)
圆锥渐变非常适合创建色轮、饼图和复杂的角模式。