Microsoft Filters

マイクロソフトフィルターは、Webページのテキスト、画像や他のオブジェクトに対して、視覚的なかつ動的な効果を上げることができます。
フィルターには、背景(Procedural Surfaces)、静的なフィルター(Static Filter)及び動的なもの(Transitions)があります。
IE4.0以降で使用できるものとIE5.5以降で使用できるものとに分けられます。実用的にはIE4.0以降で使用できるフィルターがよいでしょう。
ネットスケープでは使用できないのが残念です。ここでは、実用的なフィルター(IE4.0用)を取り上げます。
各フィルターのサンプルページでは、フィルターのパラメータの選択によりサンプルのデモがきます。そのサンプルのソースコードをクリップボードにコピーできます。

IE4.0 Filters(Static Filters and Transitions)
IE5.5対応Filter名*1備考
1 alpha オブジェクトの不透明度を調整
Sample
Alpha
静的
2 BlendTrans オブジェクトをブレンドしながら切り替える
Sample
Fade
動的
3 blur オブジェクトのぶれを調整
Sample
MotionBlur
静的
4 chroma オブジェクトの特定な色を透過して表示
Sample
Chroma
静的
5 dropShadow オブジェクトのシルエット、影の生成
Sample
DropShadow
静的
6 FlipH 水平面に対してオブジェクトの鏡の像を生成
Sample
BasicImage
静的
FlipV 垂直面に対してオブジェクトの鏡の像を生成
Sample
BasicImage
静的
8 glow オブジェクトを燃えるような効果を表示
Sample
Glow
静的
9 Gray オブジェクトをグレイスケールに表示
Sample
BasicImage
静的
10 Invert オブジェクトをネガのように反転
Sample
BasicImage
静的
11 light オブジェクトに様々な光を当てる(7種類のメソッド)
Menu
Light
静的
12 mask オブジェクトを特定な色でマスクし表示
Sample
MaskFilter
静的
13 RevealTrans オブジェクトを指定(23種)の変化をしながら切り替える
Sample
Iris等*2
動的
14 shadow オブジェクトに影を与える
Sample
Shadow
静的
15 wave オブジェクトに波をうったような効果を表示
Sample
Wave
静的
16 Xray オブジェクトのレントゲン写真のような効果を表示
Sample
BasicImage
静的
*1 IE5.5以上+Filter⇒Microsoft Visual Filters and Transitions Reference(MSDN Library)2008.11.11更新
*2 Iris,Barn,Blinds,CheckerBoard,RandomBars,Slide,RandomDissolve,Sprips
※ フィルター名の大文字、小文字に注意して下さい

©2009 urban qee  HOME


<フィルター作成に当たり参照したサイト>
・フィルター仕様:Microsoft MSDN Visual Filters and Transitions Reference(one way)
・lightフィルターでの画像:牛飼いとアイコンの部屋(one way)