CSS 盒阴影生成器

CSS 盒阴影生成器帮助开发者在线调参 box-shadow,支持多层阴影、偏移、模糊、扩散、颜色与透明度、内阴影 inset,并提供 elevation 高度层级与新拟态预设,实时预览效果后可直接复制代码,免费在线使用,无需安装。

每层阴影单独调参,可叠加多层;右侧实时预览,下方复制生成的 box-shadow 代码。全部在浏览器本地计算。
背景色圆角 8px
预设:
Preview