【CSS】画像をぼかしたい

CSSのfilterプロパティで画像をぼかせます。

img {
  filter: blur(4px);
}

数値が大きいほど強くぼけます。ホバー時だけぼかしたい場合はこう書きます。

img:hover {
  filter: blur(4px);
}

filterはテキストや他の要素にも使えます。