跳到主要内容

盒阴影生成器

逐层构建立体效果。移动光源,调整柔和度与颜色,复制可直接用于生产环境的阴影代码。

实时预览

拖动光源或使用方向键移动所选阴影。

阴影图层

最多 8 个图层。第一个启用的图层位于最上方。

box-shadow: 0px 12px 32px -8px #0f172a33;

所有操作均在您的浏览器中完成。

格式参考资料

工具页面更新日期: