    <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-overall-BE-01.png); background-repeat:no-repeat;}
    .bord1 {border:2px black solid; background:lightgreen ;font-size: 1px;}
    </style>
    </head>
    <body>
    <div class="bord1" id ="rect1" style="position:absolute; top:10px; left:10px;height=20px;width:20">
     <t:animate targetElement="rect1" attributeName="top" attributeType="CSS" begin="0s" dur="9s" fill="freeze" from="200" to="75"/>
     <t:animate targetElement="rect1" attributeName="left" attributeType="CSS" begin="0s" dur="9s" fill="freeze" from="200" to="25"/>
     <t:animate targetElement="rect1" attributeName="width" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="400"/>
     <t:animate targetElement="rect1" attributeName="height" attributeType="XML" begin="0s" dur="9s" fill="freeze" from="50" to="300"/>
    </div>
    <div id="TextElement"  style="position:absolute; top:100; left:30; font-family:Verdana; color:#0000FF; font-size:20; visibility:hidden">Is it alive ?
    <t:set attributeName="visibility" attributeType="CSS" to="visible" begin="3s" dur="6s" fill="freeze"/>
    <t:animateMotion path="M 0 0 L 50 225" begin="3s" dur="6s" fill="freeze"/>
    <t:animateColor attributeName="color" attributeType="CSS" from="#0000FF" to="#800000" begin="3s" dur="6s" fill="freeze"/>
    </div>
    </body>
    </html>