设计
CSS渐变生成器
即时创建精美CSS渐变。一键复制代码。
输入
设置渐变类型、颜色、角度和预设。
135°
预设
先使用预设作为起点，再微调颜色和角度。
输出
background: linear-gradient(135deg, #6366f1, #ec4899);常见问题
CSS Gradient 支持哪些类型？
常见支持线性渐变和径向渐变。
为什么渐变会出现色带？
颜色过渡级数不足或对比过强时易出现。
能导出跨浏览器代码吗？
多数生成器会给出可直接使用的标准 CSS。
即时创建精美CSS渐变。一键复制代码。
设置渐变类型、颜色、角度和预设。
预设
先使用预设作为起点，再微调颜色和角度。
background: linear-gradient(135deg, #6366f1, #ec4899);