XHTML+SMIL Profile - DEMO

Timing XHTML elements with timing-specific attributes

<style>
/* This is still IE specific! */
 .time  { behavior: url(#DEFAULT#TIME); }
 t\:seq { behavior: url(#DEFAULT#TIME); }
 t\:par { behavior: url(#DEFAULT#TIME);}
 t\:img { behavior: url(#DEFAULT#TIME); }
</style>

<t:par>
  <h1 class="time" t:begin="0s" t:end="8s">W3C Technical Areas</h1>
   <ul>
       <li t:begin="1s" t:dur="1s">Architecture Domain</li>
       <li t:begin="2s" t:dur="1s">Interaction Domain</li>
       ...
   </ul> 
</t:par>

Demo: Animated HTML+SMIL, Race