导出用于区块背景的 CSS 线性渐变

适用场景

用大图换 CSS 可减负,但要保证文字可读。

要使用的工具

创建并导出 CSS 渐变。

打开 渐变生成 →

步骤

  1. 1调角度与色标。
  2. 2导出 CSS。
  3. 3测文字可读性。
  4. 4在低端手机上看渲染。

示例

  • 定价首屏。
  • 引导卡片。

应避免

  • 对比度不够。
  • 可见色带。
  • 复制粘贴脱离品牌规范。

相关工具

博客

生成器与计算器 中的更多内容

所有任务指南 或前往 生成器与计算器 专区.

常见问题

前缀?

仅在为老旧环境兼容时再加。

透明度?

必要时准备兜底背景。

所有任务指南 · 生成器与计算器 工具 · 博客