影の付け方 比較デモ

1. text-shadow

テキストそのものに影をつけます。

Shadow Text

2. box-shadow

要素の「枠（ボックス）」に対して影をつけます。
※透過画像でも四角い影になります。

画像の枠が四角く浮き出る❌

3. filter: drop-shadow()

不透明な部分の「輪郭」に沿って影をつけます。
※透過画像や複雑な形に最適です。

画像の形に沿って影がつく！⭕️

吹き出しのツノにも
綺麗に影がつきます！