设计工具
CSS 阴影生成器
可视化调节投影参数并复制 box-shadow 代码。
预览卡片
box-shadow: 0px 12px 28px 0px rgba(99, 91, 255, 0.22);使用指南
功能介绍
用可视化滑块调整 CSS box-shadow 的偏移、模糊、扩展和透明度。
使用方法
- 调整 X/Y 偏移、模糊、扩展和颜色。
- 观察预览卡片的实时效果。
- 复制 box-shadow CSS 代码。
使用建议
- 界面阴影建议保持柔和，避免影响文字清晰度。
- 卡片和按钮可以使用不同的阴影层级。