跳转到主内容

CSS 渐变 / 阴影生成器

使用滑块、颜色选择器和预设可视化构建线性/径向 CSS 渐变与阴影。

135°
background
 

工具介绍

CSS 渐变 / 阴影生成器 通过滑块、颜色选择器和预设可视化设计 CSS。在渐变与阴影两个标签页之间切换。

渐变标签页

  • 类型:线性或径向。
  • 角度:0-360°(仅线性)。
  • 色彩停点:可添加任意多个,拖动百分比滑块定位。
  • 预设:Sunset、Ocean、Forest、Dawn、Mono — 常用渐变。

阴影标签页

  • 偏移 X / Y:阴影偏移距离,负值向上/向左。
  • 模糊半径:0 锐利,40+ 非常柔和。
  • 扩展:正值扩展,负值收缩。
  • 不透明度:0-100,与颜色混合。
  • 颜色:任意 hex 值。
  • inset:内阴影。

隐私

无网络调用。全部在您的浏览器中完成。