Box-shadow 生成器

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

💡 常見使用場景

• 視覺化調出元素投影：偏移/模糊/擴散/顏色。
• 做擬態（Neumorphism）按鈕：疊加一深一淺兩層陰影，深色偏右下、淺色偏左上，配合與背景同色的填充，可得到凸起的立體感。

❓ 常見問題（FAQ）

inset 是什麼？

加 inset 變為內陰影，用於凹陷效果。

陰影會影響效能嗎？

box-shadow 的模糊半徑越大，重繪成本越高，在滾動或動畫中大量使用會掉幀。建議：給做動畫的元素加 will-change 或改用 transform 動畫；用較小的模糊半徑疊加多層代替單層大模糊，通常更快也更好看。