渐变生成器

热门 🔥

可视化创建 CSS 渐变

开发者工具

如何使用 渐变生成器

  1. 1Pick two or more colors
  2. 2Adjust the angle/direction
  3. 3Preview the gradient live
  4. 4Copy the CSS code

常见问题

What types of gradients are supported?

Linear gradients with custom direction and multiple color stops. Radial gradients coming soon.