CSS / Box Shadow

Box Shadow

可视化调节多层阴影,实时预览并复制 CSS。

预设
preview
图层 1
CSS

box-shadow 的参数含义是什么?

CSS box-shadow 依次由水平偏移、垂直偏移、模糊半径、扩散半径和颜色组成,加上 inset 关键字可变为内阴影;用逗号分隔可叠加多层阴影,模拟更自然的层次与景深。本工具通过滑块可视化调节各项参数,支持多图层与不透明度控制,实时预览效果并一键复制生成的 CSS。