Box Shadow生成器
⚙️ 阴影参数
0px
10px
20px
0px
🎨 阴影颜色
20%
✨ 预设效果
📄 CSS代码
📖 工具说明
Box Shadow生成器帮助您可视化创建CSS阴影效果,通过调整偏移、模糊、扩散等参数,实时预览并生成CSS代码。
- 水平偏移 X:正值向右,负值向左
- 垂直偏移 Y:正值向下,负值向上
- 模糊半径:值越大阴影越模糊柔和
- 扩散半径:正值扩大阴影,负值缩小
- 透明度:控制阴影的深浅程度
- 内阴影:阴影出现在元素内部
🔗 相关工具