CSS 渐变 / 阴影生成器
使用滑块、颜色选择器和预设可视化构建线性/径向 CSS 渐变与阴影。
135°
background
0
8
24
0
25
box-shadow
工具介绍
CSS 渐变 / 阴影生成器 通过滑块、颜色选择器和预设可视化设计 CSS。在渐变与阴影两个标签页之间切换。
渐变标签页
- 类型:线性或径向。
- 角度:0-360°(仅线性)。
- 色彩停点:可添加任意多个,拖动百分比滑块定位。
- 预设:Sunset、Ocean、Forest、Dawn、Mono — 常用渐变。
阴影标签页
- 偏移 X / Y:阴影偏移距离,负值向上/向左。
- 模糊半径:0 锐利,40+ 非常柔和。
- 扩展:正值扩展,负值收缩。
- 不透明度:0-100,与颜色混合。
- 颜色:任意 hex 值。
- inset:内阴影。
隐私
无网络调用。全部在您的浏览器中完成。