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