如何實作出半圓形的陰影，或是僅部分的 box-shadow？

你是否有遇到過需要在元件的一部分加上陰影，而不是整個元件？

最近實作 Card 元件時，遇到在 Avatar 的設計部分希望能夠只有半圓形的陰影，如下圖所示：

解決方法

在 Avatar 元件蓋一層遮罩遮住不需要的陰影，這樣就能實作出半圓形或是僅顯示部分的陰影

直接參考程式碼會更清楚 💁‍♂️