CSSでカラー画像に変化を

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を白黒に変換する話題を紹介しました。

　　 　

CSSのフィルター機能にはそれ以外にも種々のものがあります。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）
（５）grayscale（グレースケール）・・・・・白黒にする
（６）hue-rotate（色相環）
（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

上記の内、（１）～（４）について下記に実例を示しています。

（１）blur（ぼかし）
（２）brightness（明度）
（３）contrast（コントラスト）
（４）drop-shadow（ドロップシャドウ）

　

ー＞ CSSでカラー画像を白黒に