怎么用这些渐变？

点任意渐变卡片即复制其 background: linear-gradient(...) 代码，粘进元素样式即可用于按钮、Hero 背景、卡片描边等。

想微调角度或颜色怎么办？

复制后可手动改 135deg 角度或色值；需要可视化自由调节请用本站的「CSS 渐变生成器」。

CSS 渐变是纯样式、无网络请求，性能几乎无损；仅大面积径向渐变叠动画时需注意重绘成本。

不会，纯前端、不追踪。

50 款精选 CSS 渐变配色，点击即复制 background 代码，直接用于按钮、背景、卡片。纯前端。

共 50 款 · 点击任意渐变复制 background 代码

点任意渐变卡片复制其 background: linear-gradient(...)；想自由调角度/色标请用 CSS 渐变生成器。

同类还有 CSS 渐变生成器、在线调色板、网页配色方案表，均纯前端运行、不上传、不追踪。