可视化调节 CSS 盒阴影参数,实时预览导出可用代码
这是浏览器端可视化生成 CSS box-shadow 代码的工具。解决手写阴影参数调参麻烦、预览不及时的问题。支持添加多层阴影、切换内阴影模式。
完全遵循 CSS 标准 box-shadow 语法生成代码。参数范围符合主流浏览器解析规则,生成代码可直接复制到项目样式文件中使用。
不支持文字阴影,本工具仅生成 box-shadow 盒阴影代码,文字阴影请使用对应专用工具。
最多支持添加 10 层阴影。超出后无法继续新增,可删除已有阴影后再添加。
支持内阴影,勾选「内阴影」选项后,代码会自动插入 inset 关键字。
兼容所有支持 CSS3 的浏览器,box-shadow 属于标准属性,不需要添加浏览器私有前缀。