SMIL Geçiş

Transition, elementlere 'yumuşak girmek' ve 'silmek' gibi etkiler oluşturabilir.

Transition, SMIL 2.0'dadır

Transition, SMIL 2.0'daki yeni bir özelliktir. Transition, SMIL 1.0 normunun bir parçası değildir.

Internet Explorer 6, SMIL 2.0 normuna dayalı Transition'ı destekler. Transition, <transitionfilter> elementi tarafından gerçekleştirilir.

Özellikler

<transitionfilter> elementi birkaç elemente sahiptir, en yaygınları şunlardır:

Özellikler Açıklama Örnek
type transition filtresinin türünü tanımlar (transition filtre listesine bakın) type="clockWipe"
begin transition'ın ne zaman başlayacağını tanımlar begin="0s"
mode transition modunu tanımlar mode="in"
from transition'ın başlangıç değerini tanımlar from="0.2"
to transition'ın bitiş değerini tanımlar to="0.8"

Transition Filtreleri

Aşağıdaki transition filtrelerini kullanabilirsiniz:

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

Örnek: Geçiş Göster

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

Yukarıdaki örnekte, görüntü 4 saniye boyunca görüntülenecektir. Transition filtresi 2 saniye içinde "clockWipe" tarzında görüntüleyecektir.

İpucu:Bu örneği görmek için Internet Explorer 6'yi çalıştırmanız gerekmektedir.

TIY