Box-shadow生成器
可视化调整CSS阴影参数，支持内阴影和多阴影叠加
预设样式
📦
轻微阴影
📦
中等阴影
📦
强烈阴影
📦
卡片悬浮
📦
内阴影
📦
霓虹效果
阴影设置 (1)
阴影 1
实时预览
📦
CSS代码
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
完整CSS示例：
.shadow-box {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
}💡 参数说明
- • 水平偏移：正值向右，负值向左
- • 垂直偏移：正值向下，负值向上
- • 模糊半径：值越大阴影越模糊
- • 扩展半径：正值阴影扩大，负值缩小
- • 内阴影：阴影显示在元素内部
- • 多阴影：可以叠加多个阴影效果