フィルターのドロップシャドウ効果を付ける

ドロップシャドウ効果について

ある要素にドロップシャドウ効果を付けるには、filterプロパティのdrop-shadow関数を使用します。
このプロパティはbox-shadowプロパティと同じ効果です(ただし、box-shadowプロパティと違ってinsetとぼかし距離の指定がありません)。

【構文】

							filter:drop-shadow(水平距離 垂直距離 ぼかし度合い 色);
						

サンプルデモ

  • テキスト

CSS

CSS3逆引きリファレンス一覧へ戻る