    <html  xmlns="http://www.w3.org/1999/xhtml" xmlns:t ="urn:schemas-microsoft-com:time" >
    <head>
    <?IMPORT namespace="t" implementation="#default#time2"?>
    <title>animate Element</title>
    <style>
    body { background-image: url(../images/animation-targAtt-BE-04.jpg); background-repeat:no-repeat;}
    .bord1 {border-color:#6666ff; ; border-style:solid; border-width:6px; background:white ;font-size: 1px;}
    </style>
    </head>
    <body>
    <div>
    <img id="theTarget1"  class="bord" style="position:absolute; top:100; left:100" src="../images/red.jpg" height="100" width="100"/>
    <t:animate  targetElement="theTarget1" attributeName="height" attributeType="HTML" from="100" to="50" begin="3s" dur="3s" fill="freeze"/>
    </div>
    <div>
    <img id="theTarget2"  class="bord" style="position:absolute; top:100; left:325" src="../images/red.jpg" height="100" width="100"/>
    <t:animate  targetElement="theTarget2" attributeName="height" attributeType="HTML"  from="100" to="50" begin="6s" dur="3s" fill="freeze"/>
    </div>
    <table style="position:absolute; top:330px; left:150px">
    <tr>
    <td id="rect1" class="bord1" height="20" width="20">.
    <t:animate attributeName="border-width" from="6" to="16" begin="9s" dur="3s" fill="freeze"/>
    </td>
    </tr>
    </table>
    <table style="position:absolute; top:330px; left:380px">
    <tr>
    <td id="rect2" class="bord1" height="20" width="20">.
    <t:animate attributeName="border-width" attributeType="CSS" from="6" to="16" begin="12s" dur="3s" fill="freeze"/>
    </td>
    </tr>
    </table>
    </body>
    </html>