CSS渐变样式生成器 - 在线CSS渐变工具

功能简介

CSS渐变样式生成器可视化配置线性和径向渐变，拖拽调整色标位置，实时预览并生成CSS代码。

相关知识

• CSS渐变使用linear-gradient()或radial-gradient()函数
• 线性渐变需指定角度，径向渐变从中心向外扩散
• 色标(Color Stop)定义渐变中每个颜色的位置
• 渐变可应用于background、border等属性

使用提示

• 点击添加色标，拖拽滑块调整位置
• 支持线性渐变和径向渐变两种模式
• 随机渐变按钮生成配色灵感
• 生成的CSS代码一键复制