在线工具
🖌 CSS 阴影生成
可视化调 box-shadow 参数并输出可直接粘贴的 CSS
box-shadow0px 12px 30px -8px rgba(11,18,32,0.12)
完整写法box-shadow: 0px 12px 30px -8px rgba(11,18,32,0.12);
hover 加强版box-shadow: 0 18px 44px -10px rgba(11,18,32,0.18);
卡片三档0 8px 16px rgba(0,0,0,.14) / 0 4px 23px rgba(0,0,0,.25) / 0 8px 32px rgba(0,0,0,.2)
提示浅色底建议高模糊 + 低透明度，深色底可加内阴影提亮边缘
结果由浏览器实时计算，仅供参考；不收集、不上传你的输入。
手机扫码直接使用
长按二维码图片可直接保存到相册
扫码直接使用该功能 全网分享
微信 / 相机扫一扫，手机上直接打开本工具；二维码图片也可以下载保存、打印或发到群里。
https://www.ai781.com/tools/box/cssshadow
分享到（点一下直接分享 / 打开对应平台）
相关工具
本工具：免费，不限次数进阶 AI 工具｜按点计费｜用多少扣多少
免费工具｜免注册｜不限次数