可视化调节CSS Box Shadow参数,实时预览生成可用代码
这是浏览器端的CSS阴影可视化调节工具。帮开发和设计快速调试出符合需求的阴影效果,直接生成可复制的代码。
直接操作CSS标准的Box Shadow原生属性,支持偏移、模糊、扩展半径和阴影颜色设置,支持多重阴影叠加效果。
支持多层阴影。点击界面添加阴影按钮,即可新增多个阴影层,分别调整参数后,生成的代码会自动拼接多层阴影规则。
支持调整透明度。工具自带颜色选择器,可以直接拖动透明度滑块,生成rgba格式的颜色代码,直接可用。
生成的代码可以直接复制使用。代码是标准CSS Box Shadow语法,兼容所有主流现代浏览器。
支持生成内阴影。勾选阴影设置里的「内阴影」选项,生成的代码会自动加上inset关键字,符合标准语法。