%
%
预览
CSS 代码
linear-gradient(135deg, #6366f1 0%, #ec4899 100%)

如何使用CSS渐变生成器

  1. 选择渐变类型:线性渐变或径向渐变
  2. 点击色条添加颜色停靠点,点击停靠点修改颜色
  3. 调整渐变角度或方向
  4. 复制生成的CSS代码到项目中使用

CSS渐变生成器功能说明

  • 支持线性渐变(linear-gradient)
  • 支持径向渐变(radial-gradient)
  • 支持多个颜色停靠点
  • 实时预览渐变效果

注意事项

  • 拖拽停靠点可调整颜色位置
  • 点击色条空白处添加新停靠点
  • 右键或双击停靠点可删除
  • 注意浏览器兼容性,旧浏览器需加前缀