通过实时预览，直观地构建 CSS 阴影效果。控制偏移量、模糊度、扩展范围、颜色和多层效果。立即复制可直接使用的 CSS 代码。
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);CSS 的box-shadow属性可以为元素的框架添加阴影效果。阴影由水平偏移量、垂直偏移量、模糊半径、扩展半径、颜色以及可选的内边距标志定义。多个以逗号分隔的阴影可以叠加，以创建分层效果。所有现代浏览器都支持此属性，无需浏览器前缀。
调整滑块和颜色选择器来配置每个阴影层。预览框会随着数值的变化实时更新。您可以独立添加和删除多个阴影层。满意后，点击“复制”即可获得完整的box-shadow CSS 值，以便粘贴到样式表中。
使用这些预设作为常用模式的起点：卡片阴影用于 UI 组件，凸起阴影用于模态框，柔和阴影用于营造微妙的深度感，硬阴影用于打造扁平化设计美学。内嵌选项可创建内部阴影，适用于按钮按下状态和内嵌输入框。