animateRotateTransform.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="rotate" additive="sum" values="0; 15" dur="200ms" />

   <animateTransform attributeName="transform" type="rotate" from="15" to="45" begin="200ms" dur="200ms" additive="sum" fill="freeze" />

    </rect>

</svg>