CSS3は、フィルタの特性をフィルタリング

CSS3フィルタ画像のウェブ上のPhotoshopの画像操作の効果と同様とすることができるフィルタ特性、例えばすりガラス、古い写真(白黒写真)、火炎効果とバックグラウンドの影響。

clipboard.png

、ぼかし(PX)ガウスぼかし

clipboard.png

二つ、明るさ(%)輝度

clipboard.png

三、コントラスト(%)コントラスト

clipboard.png

四、ドロップシャドウ()影

clipboard.png


注:このドロップシャドウやボックスシャドウ影が言っているが、違いがあり、図を参照してください

clipboard.png

図炎画像の他の部分は透明であり、我々が見ることができる、PNG画像は、炎に加えて、画像全体にボックス影が遮光され、ドロップシャドウをわずかに不透明な斜線部に、これは彼らの最も重要な違い。

五、グレースケール(%)グラデーション

clipboard.png

六、色相回転(度)色相回転

clipboard.png

七、反転(%)リバース

clipboard.png

八、不透明度(%)の透明性

clipboard.png

ナイン、飽和(%)彩度

clipboard.png

十、セピア(%)ダークブラウン

clipboard.png

上記は、単に、結果の表示を各フィルタを分離しているが、実際に、彼らは、このように、一緒に使用することができます

clipboard.png

.ALL IMG { 
    フィルター明るさ(120%)対照(110%)、飽和(120%)色相回転(-25deg)ドロップシャドウ(0 5pxの#000) 
}

注:彩度、コントラストは、2つの全く異なる概念であり、飽和濃度は、色(純度)の定義で、コントラストは、明暗画像の程度の定義です。
理論的には、明暗のコントラストが白黒画像レベルの手段で、画面階層の彩度の鮮明。

おすすめ

転載: www.cnblogs.com/hellocd/p/filter.html