渐变库

渐变预设库

精选渐变一触即复制,按分类浏览或随机抽一组。

分类

使用建议

角度

linear-gradient 的角度决定方向,常用 135° 做斜向、90° 横向。

落地

渐变适合做背景与按钮;文字渐变注意可读性,必要时加描边或阴影。

工具介绍与使用说明

📘

渐变库收录上百套精选 CSS 渐变预设,点击即可复制 linear-gradient 代码。

  • 按风格浏览预设,点任意渐变复制 CSS 代码。
  • 想微调角度或颜色?把代码贴进「渐变生成器」继续编辑。
  • 全部预设可直接用于按钮、卡片背景与封面。

使用提示

💡
  • 点击卡片即复制 linear-gradient 代码,粘进 background 即可。
  • 随机渐变适合找灵感,定下来后再微调角度与色标。
  • 文字渐变务必保证与背景的对比度,必要时加描边。