🔲 Box Shadow生成器

⚙️ 阴影参数
0px
10px
20px
0px
🎨 阴影颜色
20%
✨ 预设效果
📄 CSS代码
📖 工具说明

Box Shadow生成器帮助您可视化创建CSS阴影效果,通过调整偏移、模糊、扩散等参数,实时预览并生成CSS代码。

  • 水平偏移 X:正值向右,负值向左
  • 垂直偏移 Y:正值向下,负值向上
  • 模糊半径:值越大阴影越模糊柔和
  • 扩散半径:正值扩大阴影,负值缩小
  • 透明度:控制阴影的深浅程度
  • 内阴影:阴影出现在元素内部
🔗 相关工具