엘레멘트의 단순 지속 시간(timeline)을 감속시키는 값을 반환하거나 설정한다.

인수
: (속성 부동소수점 수치)
속성값은 엘레멘트의 시간(timeline)을 가속시키는 값을 나타내는 부동소수점 수치이다.

가속이 적용되는 시간의 위치를 의미하며 유효한 수치의 범위는 0과 1 사이이다. 시간은 전체 문서에 연관된 시간이 아니고, div 이나 span 등과 같은 특정 HTML 엘레멘트와 연관되는 시간을 참조한다.

감속은 엘레멘트 시간에 적용되지 않는다.

0 디폴트, 에레멘트 시간에 감속이 없다.
1 에레멘트 시간에 최대 감속을 한다.

이 속성은 읽기/쓰기로 디폴트값은 0이다.

특기

단순 지속시간은 반복을 포함하여 엘레멘트가 플레이를 시작하여 사이클이 끝날 때까지의 세그멘트 시간이다.

엘레멘트에 repeatCount나 repeatDur 엘레멘트가 설정되면, 가속은 각 반복에서 매번 나타난다.

decelerate 애트리뷰트는 애니메이션 내용과 비헤이버에 특히 잘 맞는다. 이 속성애 0이 아닌 값을 설정하면 시간의 지속에 영향을 주지 않는다.

accelerate와 decelerate 애트리뷰트 속성값의 합계는 1을 초과할 수 없다.
만일 accelerate와 decelerate 애트리뷰트의 개별값이 0과 1 사이이고 합계가 1을 초과하면, accelerate와 decelerate 애트리뷰트 값들은 모두 무시되고, 이 속성값이 지정되지 않은 것 처럼 작용된다.

이 속성은 일부 시스템에서 "ease-end"으로도 알려져 있다.

적용
개체scriptHTML규격IE
참조
accelerate, HTML+time

이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.


decelerate DIV
<HTML xmlns:t="urn:schemas-microsoft-com:time">
<HEAD>
<STYLE>.time { behavior: url(#default#time2) }</STYLE>
<IMPORT namespace="t" implementation="#default#time2">
</HEAD>
<BODY>
<DIV id="divObj" class="time" style="position:relative;top:0;left:0;padding:9;border:solid 1 blue;
  height:50;width:100;background-color:yellow;text-align:center;font-color:black;font-size:large">decelerate DIV</DIV>
<T:ANIMATE id="aniObj" targetElement="divObj" attributeName="left" to="550" dur="5" decelerate="" repeatCount="3"/>
<DIV><BUTTON onClick="divObj.decelerate=0;aniObj.beginElement()">decelerate=0</BUTTON>
<BUTTON onClick="divObj.decelerate=.25;aniObj.beginElement()">decelerate=.25</BUTTON>
<BUTTON onClick="divObj.decelerate=.5;aniObj.beginElement()">decelerate=.5</BUTTON>
<BUTTON onClick="divObj.decelerate=.75;aniObj.beginElement()">decelerate=.75</BUTTON>
<BUTTON onClick="divObj.decelerate=1;aniObj.beginElement()">decelerate=1</BUTTON></DIV>
</BODY>