盒阴影生成器
逐层构建立体效果。移动光源,调整柔和度与颜色,复制可直接用于生产环境的阴影代码。
实时预览
拖动光源或使用方向键移动所选阴影。
阴影图层
最多 8 个图层。第一个启用的图层位于最上方。
box-shadow: 0px 12px 32px -8px #0f172a33;
所有操作均在您的浏览器中完成。
相关工具
格式参考资料
工具页面更新日期:
逐层构建立体效果。移动光源,调整柔和度与颜色,复制可直接用于生产环境的阴影代码。
拖动光源或使用方向键移动所选阴影。
最多 8 个图层。第一个启用的图层位于最上方。
box-shadow: 0px 12px 32px -8px #0f172a33;
所有操作均在您的浏览器中完成。
工具页面更新日期: