To enhance animations in a scene, you can add effects to modify the linear motion of moving objects, using one of the following built-in dynamics:
none (linear)
smooth
smoothSpline or ease
accelerate
spline
gravity
spring1
spring2
spring3
spring4
spring5
To apply one of these effects to an animation, add the dynamics
attribute to the animation node, as shown below in bold:
<animation id="myAnimation" repeatCount="0"> <animate name="left" type="style" from="100" to="500" begin="0ms" end="2000ms" dynamics="accelerate" /> <animate name="left" type="style" from="500" to="100" begin="2000ms" end="4000ms" dynamics="ease" /> </animation>