IE4, Blend / Reveal Transition Filterz

ＩＥの独自拡張 CSS、各種フィルターの効果を確認

IE4（多分）以上で動作

Sample Element

sample

トランジションとは時間経過で変化するビジュアルフィルタである。これにより、コントロールをある状態から次の状態に視覚的に移動できる。よく使われる例として、画像のSRCを変更してある画像を他に変更するものがある。トランジションで、新しい画像へと何らかのアニメーション効果を得られる。また、visibilityプロパティを変更すると、次第に表示されたり非表示になるコントロールを作成できる。

動的に変更

操作する要素: Image Text
STYLE = visibility : hidden ; を適用: 適用する
Duration 変化が終了するまでの時間: 秒
Blend Transition
Reveal Transition: /
Transition Shape

Source

[PageTop] [Back]

Blend Transition

フェードイン・フェードアウトの効果を付ける。

filter: blendTrans(duration = 時間);

Reveal Transition

０～２３まで２３種類の効果がある。２４番目（２３）はランダム。

filter: revealtrans(duration= 時間, transition= 効果)

Transition Shape

0 : Box in
1 : Box out
2 : Circle in
3 : Circle out
4 : Wipe up
5 : Wipe down
6 : Wipe right
7 : Wipe left
8 : Vertical blinds
9 : Horizontal blinds
10 : Checkerboard across
11 : Checkerboard down
12 : Random dissolve
13 : Split vertical in
14 : Split vertical out
15 : Split horizontal in
16 : Split horizontal out
17 : Strips left down
18 : Strips left up
19 : Strips right down
20 : Strips right up
21 : Random bars horizontal
22 : Random bars vertical
23 : Random

[PageTop] [Back]