1 <svg xmlns='http://www.w3.org/
2000/svg'
>
2 <rect fill='blue' width='
100' height='
100'
>
3 <animateTransform attributeName=
"transform" type='translate' values='
0,
0;
10,
0;
100,
0' keyTimes='
0;
.6;
1' dur='
3s' fill='freeze'
/>
5 <rect fill='none' stroke='orange' x='
10' width='
100' height='
100'
/>
6 <rect fill='none' stroke='green' x='
100' width='
100' height='
100'
/>
8 The rect should from
0,
0 to
100,
0 over
3 seconds.
9 <tspan dy='
20' x='
10'
>It should be at the orange at
2 seconds and the green at
3 seconds.
</tspan>