<svg
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    width="800" height="600">
    <rect id="r" x="0" y="0" width="100" height="100">
      <animate attributeName="width" from="100" to="500" dur="5s"></animate>
    </rect>
    <rect id="r" x="0" y="0" width="100" height="100" transform="translate(0 120)">
      <animate fill="freeze" attributeName="fill" from="black" to="white" dur="5s"></animate>
    </rect>
    
    <rect id="r" x="0" y="0" width="100" height="100" transform="translate(0 240)">
      <animateTransform
            attributeName="transform"
            dur="3s"
            type="translate"
            from="0 240"
            to="240 480"
            fill="freeze" />
      <animate attributeName="fill" from="black" to="pink" dur="2s" fill="freeze"></animate>
    </rect>
</svg>