<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg width="300" height="300">

<rect x="10" y="10" width="200" height="20"
      style="stroke: black; fill: #cfc;">

    <animate attributeName="width" attributeType="XML"
             from="20" to="120" begin="0s" dur="8s" fill="freeze"/>
    <animate attributeName="height" attributeType="XML"
             from="20" to="120" begin="0s" dur="8s" fill="freeze"/>
</rect>

<circle cx="70" cy="70" r="20"
      style="stroke: black; fill: #ccf;">

    <animate attributeName="r" attributeType="XML"
             from="20" to="50" begin="2s" dur="4s" fill="freeze"/>
</circle>

</svg>