<?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">

<circle cx="60" cy="60" r="30"
      style="stroke: grey; fill: #f9f;">

    <animate id="c1" attributeName="r" attributeType="XML"
             from="30" to="10" begin="0s" dur="4s" fill="freeze"/>
</circle>

<circle cx="120" cy="60" r="10"
      style="stroke: grey; fill: #9f9;">

    <animate attributeName="r" attributeType="XML"
             from="10" to="30" begin="c1.end" dur="4s" fill="freeze"/>
</circle>

</svg>