Транзитивность SMIL

Transition может создавать эффекты "проявление" и "стирание" для элементов.

Transition относится к SMIL 2.0

Transition является новой функцией в SMIL 2.0. Transition не является частью спецификации SMIL 1.0.

Internet Explorer 6 поддерживает Transition на основе спецификации SMIL 2.0. Transition реализуется элементом <transitionfilter>.

атрибуты

<элемент transitionfilter> содержит несколько элементов, наиболее часто используемые из которых:

атрибуты описание пример
type определяет тип фильтра перехода (смотрите список фильтров перехода) type="clockWipe"
begin определяет время начала перехода begin="0s"
mode определяет режим перехода mode="in"
from определяет начальное значение перехода from="0.2"
to определяет конечное значение перехода to="0.8"

Фильтры перехода

можно использовать следующие фильтры перехода:

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

Пример: отображение 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>

В примере выше изображение будет отображаться 4 секунды. Фильтр перехода будет использовать 2 секунды, чтобы отобразить изображение в стиле "clockWipe".

Совет:Вы должны запустить Internet Explorer 6, чтобы отобразить этот пример.

TIY