■CSSフィルターで簡単画像変換: まとめて体験 3(各種アルバム)

 CSS(Cascading Style Sheets)のフィルター機能を使用すると、カラー画像に対して容易に下記に示す各種変換を施すことができます。

(1)blur(ぼかし)
(2)brightness(明度)
(3)contrast(コントラスト)
(4)drop-shadow(ドロップシャドウ)
(5)grayscale(グレースケール)
(6)hue-rotate(色相環)
(7)invert(階調の反転)
(8)opacity(不透明度)
(9)saturate(彩度)
(10)sepia(セピア)

 ここでは、上記10種の変換を色々な画像に対して体験することができます。

・-10,-1,+1,+10 ボタンは現在のパラメーター値に対する増減値を指示する。
・直接入力はパラメーター値を現在値として記憶しない。
・変換後の画像は画面クリックで拡大、縮小が可能です(w=150,200,250,330,400,500,600,800)。


・アルバムの選択 :
・表示画像の選択 :
・フィルターの種類:
・パラメーター設定:  
     

ホーム