CSS入門：イメージを引き立てるCSSのフィルター

ウェブデザインをもっと魅力的にしたい、そんな時に活躍するのがCSSのフィルターです。この機能を使えば、写真に様々な特殊効果を加えることができます。今回はこれらのプロパティを分かりやすく説明します。

写真をおしゃれに変身させよう：フィルター

グレースケール：写真を白黒に

img {
  filter: grayscale(100%);
}

これで、カラーの写真が白黒に変わります。

ぼかし：夢の中みたいな写真に

img {
  filter: blur(5px);
}

ぼんやりとしたぼかし効果が出て、幻想的な雰囲気に。

まとめ

CSSのフィルターを使えば、誰でも簡単に写真や文字におしゃれな効果を加えることができます。コードをコピーして、あなたのウェブサイトで試してみてください。