Chromakey
<DIV STYLE="filter:chroma(color=#rgb)">対象要素</DIV>
color で指定した色のみを透明にする。 対象要素 にはテキストや画像を指定するのが一般的だ。Flip Horizontal
<DIV STYLE="filter:flipH">対象要素</DIV>
左右反転。 対象要素 にはテキストや画像を指定するのが一般的だ。Flip Vertical
<DIV STYLE="filter:flipV">対象要素</DIV>
上下反転。 対象要素 にはテキストや画像を指定するのが一般的だ。Glow
<DIV STYLE="filter:glow(color=#rgb,strength=数値)">対象要素</DIV>
発光している様子をあらわす。 color は発光色、strength は発光の強さをあらわし、0 〜 100 の範囲で指定。 対象要素 にはテキストや画像を指定するのが一般的だ。Glayscale
<DIV STYLE="filter:glay">対象要素</DIV>
色要素を取り除き、グレーのモノトーンで表示。 対象要素 にはテキストや画像を指定するのが一般的だ。Invert
<DIV STYLE="filter:invert">対象要素>/DIV>
色要素反転。 対象要素 にはテキストや画像を指定するのが一般的だ。Lights
要素名.filters[0].addAmbient(R,G,B,STRENGTH);
要素名.filters[0].addPoint(x,y,z,r,g,b,strength);
STYLE="filter:light"
Mask
STYLE="filter:mask(color=#rgb)"
要素を color で指定した色のマスクで覆う。Motion Blur
STYLE="filter:blur(direction=角度,strength=ピクセル,add=0 or 1)"
往復ぶれ。Alpha
STYLE="filter:alpha(opacity=数値,finishopacity=数値,style=0〜3,startx=始点X,starty=始点Y,finishx=終点X,finishy=終点Y)"
要素を半透明にする。Shadow
STYLE="filter:shadow(color=#rgb,direction=角度)"
color で指定した色でグラデーションがかかった影を表現。Drop Shadow
STYLE="filter:dropshadow(color=white,offx=移動量X,offy=移動量Y)"
color で指定した色の影を表現。shadow とは違い、移動量も指定できる。Wave
STYLE="filter:wave(freq=数値,strength=数値,phase=数値,lightstrength=%,add=0 or 1)"
ゆらぎ(正弦波)。X-Ray
STYLE="filter:xray"
要素の色を反転し、さらにモノトーンで表現。(X線写真のようなもの)