100

CSS 渐变生成器

CSS 代码
位置: 0%
位置: 100%

CSS 渐变说明

CSS 渐变允许你在两个或多个指定颜色之间显示平滑过渡。浏览器支持三种类型的渐变:

线性渐变

沿着直线方向变化,可以指定不同的方向,如从左到右、从上到下等。

径向渐变

从中心点向外扩散,可以是圆形或椭圆形,并且可以指定中心点位置。

锥形渐变

围绕中心点旋转,类似于色轮,可以指定起始角度和中心点位置。

使用提示

  • 可以添加多个颜色节点来创建更复杂的渐变效果
  • 调整颜色节点的位置可以控制颜色过渡的速度和分布
  • 使用随机生成按钮可以快速创建意想不到的渐变效果
  • 复制生成的CSS代码可以直接应用到你的项目中
  • 尝试不同的渐变类型和方向,以获得最适合你设计的效果