Keep SVG attribute at final value after animation

Use fill="freeze":

<svg width="36px" height="36px">
    <circle r="1" cy="18" cx="18">
        <animate attributeName="r" from="1" to="17" dur="1s" begin="1s" fill="freeze"></animate> 
    </circle>
</svg>

See here for more information.

Tags:

Animation

Svg

Related