CSS3フィルタ画像のウェブ上のPhotoshopの画像操作の効果と同様とすることができるフィルタ特性、例えばすりガラス、古い写真（白黒写真）、火炎効果とバックグラウンドの影響。
、ぼかし（PX）ガウスぼかし
二つ、明るさ（％）輝度
三、コントラスト（％）コントラスト
四、ドロップシャドウ（）影
注：このドロップシャドウやボックスシャドウ影が言っているが、違いがあり、図を参照してください
図炎画像の他の部分は透明であり、我々が見ることができる、PNG画像は、炎に加えて、画像全体にボックス影が遮光され、ドロップシャドウをわずかに不透明な斜線部に、これは彼らの最も重要な違い。
五、グレースケール（％）グラデーション
六、色相回転（度）色相回転
七、反転（％）リバース
八、不透明度（％）の透明性
ナイン、飽和（％）彩度
十、セピア（％）ダークブラウン
上記は、単に、結果の表示を各フィルタを分離しているが、実際に、彼らは、このように、一緒に使用することができます
.all img{
filter: brightness(120%) contrast(110%) saturate(120%) hue-rotate(-25deg) drop-shadow(0 0 5px #000);
}
web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，PDF）注：彩度、コントラストは、2つの全く異なる概念であり、飽和濃度は、色（純度）の定義で、コントラストは、明暗画像の程度の定義です。
理論的には、明暗のコントラストが白黒画像レベルの手段で、画面階層の彩度の鮮明。