导航菜单
🌑

CSS阴影生成

可视化生成box-shadow
✨ 生成器 👁 29 次浏览
← 返回工具箱

🌑 CSS阴影生成

可视化生成box-shadow

阴影预览

如何使用CSS阴影生成

  • 调水平偏移、垂直偏移、模糊、扩散距离以及颜色、透明度
  • 可加内阴影(inset),可叠加多层阴影
  • 盒子实时预览
  • 复制 box-shadow 代码

CSS阴影生成功能说明

  • 可视化生成外阴影、内阴影,支持多层叠加
  • 偏移、模糊、扩散、颜色逐项可调
  • 复制即用

注意事项

  • 大面积模糊阴影会增加渲染开销,长列表里慎用
  • 多层阴影用逗号分隔,顺序影响层次
  • 想柔和就把偏移调小、模糊调大、透明度降低