拖拽调整参数生成多层 CSS 阴影,实时预览直接复制代码
这是浏览器端的 CSS 盒子阴影参数生成工具。解决手动写阴影参数调不对效果、反复刷新页面预览的麻烦。
完全遵循 CSS 标准 box-shadow 语法生成代码。支持多层阴影叠加,参数与 W3C 标准完全对齐,直接复制就能用。
最多支持添加 10 层阴影。常规设计需求完全够用,浏览器对阴影层数本身无硬限制,过多层会影响页面渲染性能。
支持内阴影。每层阴影都可以勾选「内阴影」选项,生成代码会自动添加 inset 前缀,符合 CSS 标准语法。
可以直接复制使用。生成的代码符合标准 CSS box-shadow 语法,兼容所有主流浏览器。
支持负偏移值。拖动滑块可以设置到负区间,负 X 偏移让阴影向左,负 Y 偏移让阴影向上,符合需求。