CSS渐变生成器

在线生成CSS渐变,支持线性、径向、锥形三种类型,多色点控制,角度调节,实时预览并一键复制CSS代码。

关于 CSS渐变生成器

CSS渐变是Web设计中常用的视觉元素,用于创建平滑的色彩过渡效果。本工具支持线性渐变(linear-gradient)、径向渐变(radial-gradient)和锥形渐变(conic-gradient),可添加任意数量色点并设置位置,实时预览效果并生成可直接使用的CSS代码。

渐变类型

  • 线性渐变:沿直线方向过渡,可设置0-360度角度。
  • 径向渐变:从中心向外辐射,适合圆形元素。
  • 锥形渐变:绕中心点旋转过渡,适合饼图等。

如何使用

  1. 选择渐变类型。
  2. 添加或删除色点,设置颜色和位置。
  3. 线性渐变可调节角度。
  4. 实时预览效果。
  5. 点击复制按钮复制CSS代码。