CSS 渐变背景生成器

现代 CSS 渐变生成器:可视化调节线性与径向渐变角度、色标位置与透明度,内置潮流调色预设,一键导出 CSS 与 Tailwind 代码。
渐变倾斜角度 {{ angle }}°
色彩停靠点 (Stops) ({{ stops.length }})
精选渐变预设
{{ p.name }}
实时预览
CSS Gradient Art
Modern visual UI design
1. CSS Property
2. Tailwind CSS Arbitrary Class
为什么渐变色能大幅提升现代网页质感?

细腻的线性与径向渐变能打破纯色扁平网页的呆板感,带来如同真实光影般的层次感与沉浸感。广泛应用于现代产品的头部背景、按钮悬停态与卡片高光边框。