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
예제: 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초 동안 표시됩니다. Transition 필터는 2초 동안 "clockWipe" 방식으로 이미지를 표시합니다.
ヒント:이 예제를 표시하려면 Internet Explorer 6을 실행해야 합니다.
