フィルターのドロップシャドウ効果を付ける
ドロップシャドウ効果について
ある要素にドロップシャドウ効果を付けるには、filterプロパティのdrop-shadow
関数を使用します。
このプロパティはbox-shadowプロパティと同じ効果です(ただし、box-shadowプロパティと違ってinsetとぼかし距離の指定がありません)。
【構文】
filter:drop-shadow(水平距離 垂直距離 ぼかし度合い 色);
サンプルデモ
-
テキスト
CSS