animateTransformRemove.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="90"

    height="90"

    fill="red"

	<animateTransform attributeName="transform" type="translate" from="0 0" to="90 0" dur="200ms" additive="sum" fill="freeze" />

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

    </rect>

</svg>