CSS 阴影生成器
用滑块可视化生成 CSS box-shadow 属性。可实时预览并复制 CSS 代码。
CSS
功能特性
Slider controls
Color picker
Inset toggle
Multiple layers
Live preview & CSS code
使用方法
1. 拖动 X 偏移、Y 偏移、模糊和扩散滑块。
2. 用拾色器选择阴影颜色。
3. 切换「内阴影」可设置内部阴影。
4. 复制生成的 CSS 代码。
常见问题
What is box-shadow?
The CSS box-shadow property adds shadow effects around an element's frame.