animateTransformRemoveSum.svg

Enable keyboard shortcuts

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">

  <rect x="10" y="10" width="180" height="180" fill="green" />

  <rect

    x="10"

    y="10"

    width="180"

    height="180"

    fill="red"

    <animateTransform attributeName="transform" type="scale" from="1 1" to="2 2" dur="200ms" additive="sum" fill="remove" />

    <animateTransform attributeName="transform" type="scale" from="1 1" to="0.5 0.5" dur="200ms" additive="sum" fill="freeze" />

    </rect>

</svg>