图片阴影工具

设置水平 / 垂直偏移、模糊与扩展半径和阴影颜色,生成 box-shadow CSS,并可选择图片实时预览。

阴影参数 等待输入

未选择图片

支持常见图片格式,图片仅本地处理。

不选择图片也可直接生成 CSS;选择图片后会叠加阴影预览。

阴影结果
模糊—
偏移—
尺寸—
状态—
调节阴影参数即可生成 CSS;选择图片后可实时预览阴影效果。

阴影参数完全在浏览器本地计算,可复制 CSS 应用到图片或元素上。

使用说明
  • 阴影参数在浏览器本地计算。
  • 生成的标准 box-shadow CSS。
  • 不选图片也可直接生成。
  • 预览颜色按 45% 透明度绘制。
  • 全部在浏览器本地完成。