
<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
  <head>
    <layout>
      <root-layout backgroundColor="white" width="450" height="450"/>
      <region id="r" fit="fill"/>
    </layout>
  </head>
  <body>
    <par dur="indefinite">
      <img region="r" src="../images/animation-targAtt-BE-04.jpg" z-index="-1" fit="hidden"/>
      <img region="r" id="theTarget1" top="100" left="100" src="../images/red.jpg" height="100" width="100"/>
      <animate targetElement="theTarget1" attributeName="height" attributeType="HTML" from="100" to="50" begin="3s" dur="3s" fill="freeze"/>
      <img region="r" id="theTarget2" top="100" left="325" src="../images/red.jpg" height="100" width="100"/>
      <animate targetElement="theTarget2" attributeName="height" attributeType="HTML" from="100" to="50" begin="6s" dur="3s" fill="freeze"/>
      <animate attributeName="border-width" from="6" to="16" begin="9s" dur="3s" fill="freeze"/>
      <animate attributeName="border-width" attributeType="CSS" from="6" to="16" begin="12s" dur="3s" fill="freeze"/>
    </par>
  </body>
</smil>