CSS 拟物盒子阴影生成器
CSS 盒子阴影拟物版专攻 neumorphism 风格：一明一暗两组内外阴影模拟凸起与凹陷，调节光源角度、模糊与扩散得到柔软的立体按钮，输出组合的 box-shadow 声明，比通用阴影器更偏向新拟物的双向打光配方。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算，输入内容不会离开您的设备。
怎么用
- 设定凸起或凹陷形态
- 调整光源方向产生明暗两组
- 控制模糊与扩散柔化边缘
- 复制合成的 box-shadow
典型场景
做新拟物风格的开关与按钮
卡片呈现柔软凸起贴合背景
输入框做凹陷内影效果
常见问题
为何要两组阴影？
一亮一暗分别落在光源来向与背光侧，构成拟物立体感。
背景色有影响吗？
有，拟物依赖元素与背景同色系，反差过大会失真。
和多层通用阴影区别？
本版内置双向打光配方，通用版是自由叠加任意层。