- 调整空间偏移 — 拖动水平与垂直偏移滑块(-50px至+50px)设定光源方向。
- 设置模糊与扩展 — 调节模糊半径(0-100px)与扩展半径(-50px至+50px)控制光晕范围。
- 选择颜色与透明度 — 自定义阴影色相与不透明度百分比。
- 切换内阴影与圆角 — 勾选内阴影制作凹陷效果,并调整圆角半径。
- 复制CSS代码 — 选用预设或直接点击按钮复制标准CSS代码。
CSS阴影生成器 — 可视化box-shadow设计工具
Serverless Tools CSS阴影生成器是一款专业的可视化elevation设计工具。提供实时交互滑块,轻松模拟自然光照、多层立体投影、悬停过渡效果与无位移焦点光圈,即时生成生产就绪的标准CSS代码。