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' /> 4 </rect> 5 <rect fill='none' stroke='orange' x='10' width='100' height='100' /> 6 <rect fill='none' stroke='green' x='100' width='100' height='100' /> 7 <text x='10' y='120'> 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> 10 </text> 11 </svg> 12
