Box-shadow 生成器

📚 深度解析：Box-shadow 生成器

💡 常见使用场景

• 可视化调出元素投影：偏移/模糊/扩散/颜色。
• 做拟态（Neumorphism）按钮：叠加一深一浅两层阴影，深色偏右下、浅色偏左上，配合与背景同色的填充，可得到凸起的立体感。

❓ 常见问题（FAQ）

inset 是什么？

加 inset 变为内阴影，用于凹陷效果。

阴影会影响性能吗？

box-shadow 的模糊半径越大，重绘成本越高，在滚动或动画中大量使用会掉帧。建议：给做动画的元素加 will-change 或改用 transform 动画；用较小的模糊半径叠加多层代替单层大模糊，通常更快也更好看。