엘레멘트의 시간(timeline)을 가속시키는 값을 반환하거나 설정한다.
엘레멘트에 repeatCount나 repeatDur 엘레멘트가 설정되면, 가속은 각 반복에서 매번 나타난다.
accelerate 애트리뷰트는 애니메이션 내용과 비헤이버에 특히 잘 맞는다. 이 속성애 0이 아닌 값을 설정하면 시간의 지속에 영향을 주지 않는다.
accelerate와 decelerate 애트리뷰트 속성값의 합계는 1을 초과할 수 없다.
만일 accelerate와 decelerate 애트리뷰트의 개별값이 0과 1 사이이고 합계가 1을 초과하면, accelerate와 decelerate 애트리뷰트 값들은 모두 무시되고, 이 속성값이 지정되지 않은 것 처럼 작용된다.
이 속성은 일부 시스템에서 "ease-in"으로도 알려져 있다.
| 개체 | script | HTML | 규격 | IE |
|---|
이 속성은 (영문)SMIL 2.0(Synchronized Multimedia Integration Language)에서 정의되었다.
<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">Accelerate DIV</DIV>
<T:ANIMATE id="aniObj" targetElement="divObj" attributeName="left" to="550" dur="5" accelerate="" repeatCount="3"/>
<DIV><BUTTON onClick="divObj.accelerate=0;aniObj.beginElement()">accelerate=0</BUTTON>
<BUTTON onClick="divObj.accelerate=.25;aniObj.beginElement()">accelerate=.25</BUTTON>
<BUTTON onClick="divObj.accelerate=.5;aniObj.beginElement()">accelerate=.5</BUTTON>
<BUTTON onClick="divObj.accelerate=.75;aniObj.beginElement()">accelerate=.75</BUTTON>
<BUTTON onClick="divObj.accelerate=1;aniObj.beginElement()">accelerate=1</BUTTON></DIV>
</BODY>
</HTML>