渐变库
渐变预设库
精选渐变一触即复制,按分类浏览或随机抽一组。
分类
使用建议
角度
linear-gradient 的角度决定方向,常用 135° 做斜向、90° 横向。
落地
渐变适合做背景与按钮;文字渐变注意可读性,必要时加描边或阴影。
工具介绍与使用说明
📘渐变库收录上百套精选 CSS 渐变预设,点击即可复制 linear-gradient 代码。
- 按风格浏览预设,点任意渐变复制 CSS 代码。
- 想微调角度或颜色?把代码贴进「渐变生成器」继续编辑。
- 全部预设可直接用于按钮、卡片背景与封面。
使用提示
💡- 点击卡片即复制 linear-gradient 代码,粘进 background 即可。
- 随机渐变适合找灵感,定下来后再微调角度与色标。
- 文字渐变务必保证与背景的对比度,必要时加描边。