阴影生成器

使用方法

1. 使用分段控件在 box-shadow 和 drop-shadow 模式之间选择。
2. 调整第一个阴影层的偏移 X、偏移 Y、模糊、扩展和颜色。
3. 点击"+ 图层"以堆叠多个阴影并独立配置每一个。
4. 在实时阴影预览框上预览组合效果。
5. 从输出部分复制生成的 CSS 声明并将其粘贴到样式表中。

示例

• 设置 offsetY=4、blur=12、spread=0、color=rgba(0,0,0,0.15) 会生成标准卡片阴影：box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15)。
• 添加带有 offsetY=1、blur=3 和 color=rgba(0,0,0,0.08) 的第二层会创建流行的分层深度效果。