CSS渐变编辑器

渐变类型

角度/方向

颜色停止点

%
%

预设样式

预览

CSS代码

应用示例

按钮
圆形
半圆

工具介绍

CSS渐变编辑器用于创建和预览各种CSS渐变效果,支持线性渐变、径向渐变和圆锥渐变,可实时生成CSS代码。

使用方法:

  • 选择渐变类型(线性、径向、圆锥)
  • 调整渐变角度或方向
  • 点击颜色选择器设置颜色
  • 拖动滑块或输入数值调整颜色位置
  • 点击"添加颜色"按钮增加颜色停止点
  • 点击预设样式快速应用经典渐变

注意事项: 圆锥渐变(conic-gradient)在部分旧浏览器中可能不支持。