使用 CSS Gradient Creator 快速创建精美的 CSS 渐变

Josh W Comeau 的这款工具可让您轻松创建精美的渐变效果。

Paul Kinlan

Josh W Comeau 的这款 CSS 渐变生成器是一款功能强大且操作简单的 Web 应用，可帮您创建“美丽、郁郁葱葱的渐变”。

采用简单线性渐变的 Gradient 编辑器的屏幕截图。

我个人很难将语法映射到视觉上，因此该工具对我来说是很好的帮助。它侧重于创建线性渐变，让您可以使用多种不同的颜色模式（例如 HCL）对其进行配置，即使 linear-gradient CSS 函数未直接支持这些模式也是如此。Josh 的辅助博文详细介绍了颜色插值是如何计算并应用于浏览器可以渲染的内容的，这非常引人入胜，介绍了一些背后的工作原理。

线性渐变

浏览器支持

  • 26
  • 12
  • 16
  • 7

来源

主打图片：Luke Chesser 在 Unsplash 用户