写真フィルター ブラー・グレースケール・セピア

ブラー

HTML

<img src="picture.jpg" alt="女性2人がカフェを楽しんでいる写真">

CSS

img {
  filter: blur(2px);
}

グレースケール

HTML

<img src="picture.jpg" alt="女性2人がカフェを楽しんでいる写真">

CSS

img {
  filter: grayscale(100%);
}

セピア

HTML

<img src="picture.jpg" alt="女性2人がカフェを楽しんでいる写真">

CSS

img {
  filter: sepia(100%);
}