预设
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
功能说明
构建带多个色标与位置的线性、径向和锥形 CSS 渐变。调整角度、增删色标,拿走可直接复制的 CSS - 附带实时预览。100% 客户端运行。
使用方法
- 选择类型(linear / radial / conic),并在适用时选择角度。
- 添加色标,设置每个色标的颜色和位置。
- 复制 CSS。
示例
Linear 90°,#6366f1 → #ec4899 →
background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);
补充说明
- 私密: 所有生成过程均在本地完成。
- 色标会按位置自动排序。
- 相关工具: Color Picker、Palette Generator。