SMIL トランジション
Transitionは要素に「フェードイン・フェードアウト」や「消しゴム」などの効果を生成できます。
TransitionはSMIL 2.0に属します。
TransitionはSMIL 2.0の新しい機能です。TransitionはSMIL 1.0規格の一部ではありません。
Internet Explorer 6はSMIL 2.0規格に基づくTransitionをサポートしています。Transitionは<transitionfilter>要素によって実現されます。
属性
<transitionfilter>要素はいくつかの要素を持ちますが、最もよく使われるのは：
| 属性 | 説明 | 例 |
|---|---|---|
| type | transitionフィルタのタイプを定義（transitionフィルタリストを参照） | type="clockWipe" |
| begin | transitionがいつ開始するかを定義 | begin="0s" |
| mode | transitionのモードを定義 | mode="in" |
| from | transitionの開始値を定義 | from="0.2" |
| to | transitionの終了値を定義 | to="0.8" |
Transitionフィルタ
以下のtransitionフィルタを使用できます：
fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe
例：トランジションの表示
<html xmlns:t="urn:schemas-microsoft-com:time">
<head>
<?import namespace="t" implementation="#default#time2">
<style>.t {behavior: url(#default#time2)}</style>
</head>
<body>
<t:transitionfilter targetelement="keyb"
type="clockWipe"
begin="keyb.begin" dur="2s" />
<img id="keyb" class="t" src="pic_keyb.jpg" dur="4s"
width="128" height="107" />
</body>
</html>
上記の例では、画像は4秒間表示されます。トランジションフィルタは2秒間で「clockWipe」の方法で画像を表示します。
ヒント：この例を表示するには、Internet Explorer 6 を実行する必要があります。
