box-shadowとfilter: drop-shadowの違い
(左:box-shadow、右:filter: drop-shadow)

ぼかしのない右下方向へのドロップシャドウ

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

下方向へのドロップシャドウ

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

右下方向へのドロップシャドウ

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

背景色がない場合のドロップシャドウ

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

疑似要素がある場合のドロップシャドウ

テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト

透過pngのドロップシャドウ