SMIL Анимировать SVG «to» value

Question

Я пытаюсь анимировать этот SVG rect до конца на ширине 100, но по какой-то причине он продолжает восстанавливаться до исходного значения. Помогите!

http://codepen.io/corysimmons/pen/RNmNQE

<svg> 
    <rect height="100" width="10"> 
    <animate attributeName="width" values="10;100" dur="3s" /> 
    </rect> 
</svg> 

Answer 1

использовать атрибут заполнения = "заморозить"

<svg> 
 
    <rect height="100" width="10"> 
 
    <animate fill="freeze" attributeName="width" from="10" to="100" dur="3s" /> 
 
    </rect> 
 
</svg>