Transisi SMIL

Transition dapat memunculkan efek 'muncul dan hilang' serta 'pembersih' untuk elemen.

Transition termasuk dalam SMIL 2.0

Transition adalah fitur baru di SMIL 2.0. Transition bukan bagian dari standar SMIL 1.0.

Internet Explorer 6 mendukung Transition yang berdasarkan standar SMIL 2.0. Transition disediakan oleh elemen <filtertransition>.

aturan

<element filtertransition> memiliki beberapa elemen, yang paling sering digunakan diantaranya adalah:

aturan deskripsi contoh
type definisi tipe filter transition (lihat daftar filter transition) type="clockWipe"
begin definisi kapan mulai transition begin="0s"
mode definisi mode transition mode="in"
from definisi nilai awal transition from="0.2"
to definisi nilai akhir transition to="0.8"

Filter Transition

dapat menggunakan filter transition berikut:

fade, barnDoorWipe, barWipe, clockWipe, ellipseWipe, fanWipe, irisWipe 
pushWipe, slideWipe, snakeWipe, spiralWipe, starWipe

Contoh: Menampilkan Transition

<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>

Dalam contoh di atas, gambar akan ditampilkan selama 4 detik. Filter Transition akan menampilkan gambar selama 2 detik dengan cara "clockWipe".

Petunjuk:Anda harus menjalankan Internet Explorer 6 untuk menampilkan contoh ini.

TIY