In this example, let's see how a sequence of animations can be chained together to create a continuous animation effect. We will also vary the speed of each animation in the sequence.
Add a new web form
Recipe6.aspx
to the current project.Add an ASP.NET panel control to the form:
<asp:Panel class="contentArea" runat="server"> </asp:Panel>
Sets its css class as follows:
.contentArea { width:50px; height:50px; background-color:#9999FF; border:solid; position:relative; }
Add a button control to the form to trigger the animation sequence:
<asp:Button ID="btnSubmit" runat="server" Text="Animate" />
Thus, the complete ASPX markup of the form is as follows:
<form id="form1" runat="server"> <div align="center"> <fieldset style="width:550px;height:250px;"> <asp:Button ID="btnSubmit" runat="server" Text="Animate" /> <br /><br /> <asp:Panel class="contentArea" runat="server"> </asp:Panel...