vb.net webpage having 5 editable test buttons
there is any way to move or animate those buttons from up
to down or left to right randonlly with infinte loop automatically
but don't go out from the desktop
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
Response.Redirect("http://www.Google.com/")
End Sub
<html>
<head>
<style>
div {
width: 100px;
height: 50px;
background: white;
color: white;
font-weight: bold;
position: relative;
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
animation: mymove 12s infinite;
}
/* Chrome, Safari, Opera */
#div1 {-webkit-animation-timing-function: cubic-bezier(0,0,0.25,1);}
#div2 {-webkit-animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);}
#div3 {-webkit-animation-timing-function: cubic-bezier(0.42,0,1,1);}
#div4 {-webkit-animation-timing-function: cubic-bezier(0,0,0.58,1);}
#div5 {-webkit-animation-timing-function: cubic-bezier(0.42,0,0.58,1);}
#div1 {animation-timing-function: cubic-bezier(0,0,0.25,1);}
#div2 {animation-timing-function: cubic-bezier(0.25,0.1,0.25,1);}
#div3 {animation-timing-function: cubic-bezier(0.42,0,1,1);}
#div4 {animation-timing-function: cubic-bezier(0,0,0.58,1);}
#div5 {animation-timing-function: cubic-bezier(0.42,0,0.58,1);}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {left: 0px;}
to {left: 300px;}
}
@keyframes mymove {
from {left: 0px;}
to {left: 1500px;}
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="div1"><asp:Button ID="Button1" runat="server" Text="A" Height="100px" Width="100px" /></div>
<br />
<br />
<br />
<div id="div2"><asp:Button ID="Button2" runat="server" Text="B" Height="100px" Width="100px" /></div>
<br />
<br />
<br />
<div id="div3"><asp:Button ID="Button3" runat="server" Text="C" Height="100px" Width="100px" /></div>
<br />
<br />
<br />
<div id="div4">
<asp:Button ID="Button4" runat="server" Text="D" Height="100px" Width="100px" /></div>
<br />
<br />
<br />
<div id="div5">
<asp:Button ID="Button5" runat="server" Text="E" Height="100px" Width="100px" /></div>
</form>
</body>
</html>
