CSS 阴影生成器
用滑块可视化生成 CSS box-shadow 属性。可实时预览并复制 CSS 代码。
工作台 · 中性环境
功能特性
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
使用方法
1. 用滑块塑造阴影 —— 台面上的中性卡片展示的就是最终效果。
2. 真实的阴影往往是多层的：最多可叠加四层，也可以从预设（Soft / Elevated / Floating / Inner）开始。
3. 切换台面底色，在白、灰、深色背景下检查阴影，然后复制 CSS。
常见问题
What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.