フィルターのぼかし(ブラー)効果を付ける

ぼかし(ブラー)効果について

ある要素にぼかし(ブラー)効果を付けるには、filterプロパティのblur関数を使用します。

  • ※ 入れ子になっている要素を含めて効果がかかります。

ぼかし(ブラー)は要素のふちから外側と内側の両方に広がりが発生します。

【構文】

							filter:blur(ぼかし距離);
						

サンプルデモ

  • テキスト

    0

  • テキスト

    5px

  • テキスト

    10px

  • テキスト

    15px

  • テキスト

    20px

CSS

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