／ファイル名：Com/Picture.jpg
blur(<length>?)
入力画像に Gaussian ぼかしを適用する。パラメタは、Gaussian 関数に対する標準偏差の値を定義する。パラメーターには CSS 長さを指定できるが、百分率値は受容しない。
負な値は許容されない。
省略時の既定値は 0px とする。
注記： 標準偏差は、box-shadow のぼかし半径とは異なる。
<IMG src="Com/Picture.jpg" style="filter:blur(1px); ">
<IMG src="Com/Picture.jpg" style="filter:blur(2px); ">
brightness(<number-percentage>?)
入力画像の明るさ（brightness）を変える。値 0% は完全に黒の画像を作成させる。値 100% は入力を変更しない。他の値による効果は線型になる。100% を超える値も許容され、より明るくする。
この関数に等価なマークアップは下に与える。【したがって、alpha 成分は変わらないことになる。】
負な値は許容されない。
省略時の既定値は 1 とする。
<IMG src="Com/Picture.jpg" style="filter:brightness(1.5); ">
<IMG src="Com/Picture.jpg" style="filter:brightness(2); ">
<IMG src="Com/Picture.jpg" style="filter:brightness(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:brightness(50%); ">
<IMG src="Com/Picture.jpg" style="filter:brightness(150%); ">
contrast(<number-percentage>?)
入力のコントラストを調整する。値 0% は 完全に gray な画像を作成することになる。値 100% は入力を変更しない。100% を超える値も許容され、よりコントラストが高い結果を供する。
負な値は許容されない。
省略時の既定値は 1 とする。
<IMG src="Com/Picture.jpg" style="filter:contrast(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:contrast(1.5); ">
drop-shadow(<color>? && <length>{2,3})
<length>{2,3}＝横方向 縦方向 ぼかし
入力画像に落影効果を適用する。落影は、実質的に、［入力画像の alpha マスクを、ある特定の色で描いて、ぼかして、オフセットしたもの］であって、当の画像の下に組成されるものである。値は box-shadow [CSS3BG] に対するときと同じに解釈されるが、省略可能な 3 個目の <length> 値は、ぼかし半径に代えて標準偏差を与える。
省略時の既定値は［<length> はすべて 0 ／ <color> は color プロパティからとる］とする。
補間用の初期値は［<length> はすべて 0 ／ <color> は transparent］とする。
このレベルの仕様では、［拡幅距離／複数の影］は受容されないことに注意。
注記： 標準偏差は、box-shadow のぼかし半径とは異なる。
<IMG src="Com/Picture.jpg" style="filter:drop-shadow(#00f 2px 5px); ">
<IMG src="Com/Picture.jpg" style="filter:drop-shadow(#00f 2px 5px 2px); ">
grayscale(<number-percentage>?)
入力画像を grayscale に変換する。パラメーターは、変換の比率を定義する。値 100% は、完全に grayscale になる。値 0% は入力を変更しない。他の値による効果は線型になる。100% を超える値も許容されるが、ユーザー エージェントは値を 1 に切り詰めるものとする。
負な値は許容されない。
省略時の既定値は 1 とする。
補間用の初期値は 0 とする。
<IMG src="Com/Picture.jpg" style="filter:grayscale(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:grayscale(1); ">
hue-rotate([<angle> | <zero>]?)
入力画像に色相回転を適用する。パラメーターは、色環の周における、入力 sample を調整する度数を定義する。値 0deg は入力を変更しない。360deg を超えるアニメーションを許容するため、実装は、この値を【例えば 0 以上～ 360 未満に】正規化しないものとする。
<angle> が 0 の場合、単位識別子は省略されてもよい。
省略時の既定値は 0deg とする。
<IMG src="Com/Picture.jpg" style="filter:hue-rotate(30deg); ">
<IMG src="Com/Picture.jpg" style="filter:hue-rotate(60deg); ">
<IMG src="Com/Picture.jpg" style="filter:hue-rotate(90deg); ">
invert(<number-percentage>?)
入力画像内の sample を反転する。パラメーターは変換の比率を定義する。値 100% は完全に反転する。値 0% は入力を変更しない。他の値による効果は線型になる。100% を超える値も許容されるが、ユーザー エージェントは値を 1 に切り詰めるものとする。
負な値は許容されない。
省略時の既定値は 1 とする。
補間用の初期値は 0 とする。
<IMG src="Com/Picture.jpg" style="filter:invert(0.2); ">
<IMG src="Com/Picture.jpg" style="filter:invert(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:invert(1); ">
opacity(<number-percentage>?)
入力画像内の sample に透明度を適用する。パラメーターは、変換の比率を定義する。値 0% は完全に透明になる。値 100% は入力を変更しない。他の値による効果は線型になる。これは、入力画像の sample をその量で乗算することに等価になる。100% を超える値も許容されるが、ユーザー エージェントは値を 1 に切り詰めるものとする。
負な値は許容されない。
省略時の既定値は 1 とする。
注記： 不透明度フィルタ関数は、opacity プロパティの略式になるものと意図されていない。さらには、次の原始フィルタに渡す前に、中間原始フィルタ結果の透明度を設定できるようにする。不透明度フィルタ関数が最後の原始フィルタとして設定された場合、opacity プロパティの値は その最後の結果に乗算され、より透明な内容になり得る。
<IMG src="Com/Picture.jpg" style="filter:opacity(0.2); ">
<IMG src="Com/Picture.jpg" style="filter:opacity(0.5); ">
saturate(<number-percentage>?)
入力画像の彩度を変える。パラメーターは、変換の比率を定義する。値 0% は彩度なしにする。値 100% は入力を変更しない。他の値による効果は線型になる。100% を超える値も許容され、彩度をさらに上げる。
負な値は許容されない。
省略時の既定値は 1 とする。
<IMG src="Com/Picture.jpg" style="filter:saturate(0.2); ">
<IMG src="Com/Picture.jpg" style="filter:saturate(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:saturate(0.9); ">
sepia(<number-percentage>?)
入力画像を sepia に変換する。パラメーターは、変換の比率を定義する。値 100% は完全に sepia にする。値 0% は入力を変更しない。他の値による効果は線型になる。100% を超える値も許容されるが、ユーザー エージェントは値を 1 に切り詰めるものとする。
負な値は許容されない。
省略時の既定値は 1 とする。
補間用の初期値は 0 とする。
<IMG src="Com/Picture.jpg" style="filter:sepia(0.2); ">
<IMG src="Com/Picture.jpg" style="filter:sepia(0.5); ">
<IMG src="Com/Picture.jpg" style="filter:sepia(0.9); ">