CSS 渐变生成器
生成 CSS 渐变,支持实时预览、色标编辑和预设
色标
当前色标
颜色 #667eea
不透明度 100%
位置
参数
方向
角度
CSS:粘贴或编辑
示例
| 预览 | 名称 | 类型 | 类别 | 应用 |
|---|---|---|---|---|
| 极光 | 线性 | 自然 | ||
| 全息 | 线性 | 鲜艳 | ||
| 炼狱 | 线性 | 鲜艳 | ||
| 糖果狂潮 | 线性 | 鲜艳 | ||
| Miami Vice | 线性 | 复古 | ||
| 余烬 | 线性 | 自然 | ||
| Matrix | 线性 | 暗色 | ||
| 水银 | 线性 | 金属 | ||
| 星云 | 径向 | 太空 | ||
| 岩浆 | 径向 | 自然 | ||
| 传送门 | 径向 | 太空 | ||
| 霓虹爆发 | 径向 | 鲜艳 | ||
| 聚光灯 | 径向 | 暗色 | ||
| 光谱 | 锥形 | 鲜艳 | ||
| 硬朗分段 | 锥形 | 几何 | ||
| 漩涡 | 锥形 | 鲜艳 | ||
| 黄金 | 锥形 | 金属 |