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