%
%
预览
CSS 代码
linear-gradient(135deg, #6366f1 0%, #ec4899 100%)如何使用CSS渐变生成器
- 选择渐变类型:线性渐变或径向渐变
- 点击色条添加颜色停靠点,点击停靠点修改颜色
- 调整渐变角度或方向
- 复制生成的CSS代码到项目中使用
CSS渐变生成器功能说明
- 支持线性渐变(linear-gradient)
- 支持径向渐变(radial-gradient)
- 支持多个颜色停靠点
- 实时预览渐变效果
注意事项
- 拖拽停靠点可调整颜色位置
- 点击色条空白处添加新停靠点
- 右键或双击停靠点可删除
- 注意浏览器兼容性,旧浏览器需加前缀