写真をセピア色やモノクロにする

できあがりイメージ

つくりかた

Step2 セピア色にする要素のCSSセレクタを追加する

img のセレクタを追加します。

Step3 セピア色を指定する

filter を追加して、セピア色を指定しましょう。
filter を使うと写真の色を変更したり、様々な加工を行うことができます。
sepia を指定すると写真がセピア色 (茶色っぽい色) になります。
カッコの中にフィルターの強さを % で指定します。

Step4 コードを書くかコピー＆ペーストする

コピーしたコードを目的の箇所にペースト（貼り付け）するか、直接書いてみましょう。

Step5 実際の見え方を確認する

画像がセピア色になっていれば完成です。