CSSでカラー画像に変化を（３）

以前、CSS（Cascading Style Sheets）のフィルター機能の使用によって、カラー画像を種々変換できることを紹介し、下記（１）～（６）の実例を2回に分けて掲げました。

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

今回は上記の（７）～（10）について紹介します。

今年、我が家の庭に咲いたひまわりの写真に対して、色々と変化を加えてみました。

　　

（７）invert（階調の反転）
（８）opacity（不透明度）
（９）saturate（彩度）
（10）sepia（セピア）

　

ー＞ CSSでカラー画像に変化を（１～４）
ー＞ CSSでカラー画像に変化を（５～６）