⚡
快速工具集
中文
阴影生成器
阴影生成器
可视化编辑 CSS box-shadow，支持多层阴影叠加
阴影预览
阴影层
添加层
层 1
X 偏移
0px
Y 偏移
4px
模糊半径
6px
扩展半径
-1px
颜色
不透明度
10%
内阴影
层 2
X 偏移
0px
Y 偏移
2px
模糊半径
4px
扩展半径
-2px
颜色
不透明度
10%
内阴影
CSS 代码
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.10);
复制 CSS
预设样式
Soft
Medium
Large
Elevated
Neon
Inset