filter
| 値 | progid:DXImageTransform.Microsoft.<フィルタ名>([ <フィルタプロパティ>= <値>, ]* [ <フィルタプロパティ>= <値> ]?) |
|---|---|
| レベル | MSIE5.5-(※付のものはMSIE4-) |
| メディア | visual |
フィルタはMicrosoftが勝手に作り出した、それなりに高度なビジュアルエフェクトを実現する為のものです。括弧()はフィルタプロパティ、値が無くても、省略出来ませんので、ご注意ください。静的なもの18種類、動的なもの17種類とかなり種類があります。機能しない場合は、'width'を一緒に指定してみてください。
動的なものは、スクリプトと連動して初めて効果がわかるものばかりで、ここでの紹介は避けました。DOM解説をする事があれば、そこで紹介します。
一般に、記述にはdiv要素を用います。
<div style="width:100%; filter:
progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310)
progid:DXImageTransform.Microsoft.Blur(pixelradius=2)
progid:DXImageTransform.Microsoft.Wheel(duration=3);">
フィルタの例です。このように複数のフィルタを同時に使用する事も出来ます。</div>
各フィルタの記述方法は、以下を参考にしてください。
※静的なフィルタ2はprogid:DXImageTransform.Microsoft.は付けなくても機能します。また、これらフィルタにはEnabled以外のフィルタプロパティはありません。
| フィルタ | 説明 |
|---|---|
| AlphaImageLoader | 背景の扱い |
| Gradient | グラデーション |
| フィルタ | 説明 |
|---|---|
| Alpha※ | 透過 |
| BasicImage | 様々な操作 |
| Blur | ぼかし、透過(影効果) |
| Chroma※ | 特定の色を透過 |
| Compositor | 複数の要素の混合 |
| DropShadow※ | シルエット(影)の生成 |
| Emboss | エンボスの効果 |
| Engrave | エングレーブの効果 |
| Glow※ | 炎上効果 |
| ICMFilter | ICCプロファイルフィルタ |
| Light※ | スポット効果 |
| MaskFilter※ | マスキング |
| Matrix | マトリクス |
| MotionBlur※ | ぼやけ効果 |
| Shadow※ | 影を引かせる |
| Wave※ | 波打たせる |
| フィルタ | 説明 |
|---|---|
| RevealTrans※ | Barn、Blinds、 CheckerBoard、Iris、 RandomBars、Slide、 RandomDissolve、Strips |
| Barn | 開扉・閉扉効果 |
| Blinds | 単方向分割スライド |
| CheckerBoard | 双方向分割スライド |
| Fade | フェード |
| GradientWipe | 傾斜フェード |
| Inset | 上左端から拡大 |
| Iris | 中央から/への多形状スライド |
| Pixelate | ピクセル拡大ぼかしによる フェード |
| RadialWipe | 回転線によるスライド |
| RandomBars | ランダム線選択スライド |
| RandomDissolve | ランダム点選択スライド |
| Slide | 横分割総変更スライド |
| Spiral | らせん状スライド |
| Stretch | 対象の圧縮・伸張によるスライド |
| Strips | 斜めギザギザ線によるスライド |
| Wheel | 中央からの単・多回転線による スライド |
| Zigzag | 上から左右にジグザグにスライド |
| フィルタ | 説明 |
|---|---|
| FlipH※ | 左右反転 |
| FlipV※ | 上下反転 |
| Gray※ | グレースケール |
| Invert※ | 色反転 |
| Light※ | 光を当てたような効果 |
| Mask※ | 特定の色の透過 |
| Xray※ | レントゲン効果 |