Developer Toolbox

CSS 盒子阴影生成器

生成 box-shadow CSS,支持实时预览和预设

图层

偏移 X
偏移 Y
模糊
扩展
颜色 25%
内阴影
CSS:粘贴或编辑

示例

预览 名称 类别 图层应用
柔和 经典 1
硬朗 经典 1
发光 经典 1
按下 经典 2
新拟态 新拟态 2
霓虹 发光 3
Matrix 发光 3
Vaporwave 发光 3
火炬 发光 4
极光 发光 4
彩虹 多彩 6
炼狱 多彩 7
Cyberpunk 多彩 4
银河 多彩 4
Pop Art 多彩 2
3D 挤出 深度 6
悬浮 深度 2
堆叠 深度 5
光环 深度 7
金字塔 深度 11
冰 内阴影 3
恐怖 内阴影 3
深井 内阴影 3