Transizione SMIL

La transizione può generare effetti come "dissolvi e compaiono" e "cancellazione" per gli elementi.

La transizione appartiene a SMIL 2.0

La transizione è una nuova funzionalità di SMIL 2.0. La transizione non fa parte della specifica SMIL 1.0.

Internet Explorer 6 supporta la transizione basata sulla specifica SMIL 2.0. La transizione è implementata dall'elemento <transitionfilter>.

Proprietà

<elemento transitionfilter> ha diversi elementi, tra cui i più comuni:

Proprietà Descrizione Esempio
type Definire il tipo di filtro di transizione (vedere l'elenco dei filtri di transizione) type="clockWipe"
begin Definire quando iniziare la transizione begin="0s"
mode Definire il modello di transizione mode="in"
from Definire il valore iniziale della transizione from="0.2"
to Definire il valore finale della transizione to="0.8"

Filtri di transizione

È possibile utilizzare i seguenti filtri di transizione:

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

Esempio: Visualizzazione 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>

Nell'esempio sopra, l'immagine verrà visualizzata per 4 secondi. Il filtro di transizione mostrerà l'immagine con "clockWipe" in 2 secondi.

Suggerimento:Devi eseguire Internet Explorer 6 per visualizzare questo esempio.

TIY