在线 CSS box-shadow 可视化生成器：拖动滑块调整偏移/模糊/扩散/透明度，实时预览，一键复制 box-shadow 代码。支持自定义颜色与 inset 内阴影。
摘要：CSS box-shadow 可视化生成器：滑块调参实时预览，一键复制代码，支持 inset 与自定义颜色。
此工具完全在您的浏览器中运行。打开 DevTools → Network 面板，搜索您的输入内容——它不会出现在任何请求中。
常见问题
逗号分隔多组值即可叠加：box-shadow: 0 1px 2px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.15);。本工具生成单组，可手动组合多组实现层次感。
内阴影——阴影画在元素内部，常用于输入框聚焦、按下态。勾选 inset 开关即可对比。
三个高频原因：颜色透明度为 0、模糊和偏移都是 0、或被父元素 overflow 裁剪。先调大模糊半径排查。
相关工具
相关文章
广告