CSS 盒陰影生成器

📚 深度解析：陰影生成器

💡 常見使用場景

• 調出按鈕/卡片的投影效果
• 做懸浮抬升、內陰影、多層陰影
• 統一設計系統的 elevation 規範

❓ 常見問題（FAQ）

模糊和擴散的區別？

模糊（blur）讓邊緣柔和擴散；擴散（spread）整體放大/縮小陰影尺寸。模糊越大越虛，spread 正為放大、負為縮小。

性能注意？

大面積模糊陰影在低端設備滾動時可能掉幀，建議模糊半徑適度、避免過多層；用 will-change 謹慎。