CSS 盒阴影生成器

📚 深度解析：阴影生成器

💡 常见使用场景

• 调出按钮/卡片的投影效果
• 做悬浮抬升、内阴影、多层阴影
• 统一设计系统的 elevation 规范

❓ 常见问题（FAQ）

模糊和扩散的区别？

模糊（blur）让边缘柔和扩散；扩散（spread）整体放大/缩小阴影尺寸。模糊越大越虚，spread 正为放大、负为缩小。

性能注意？

大面积模糊阴影在低端设备滚动时可能掉帧，建议模糊半径适度、避免过多层；用 will-change 谨慎。