back
Code
CSS
HTML
Web
#div266{
height:100px;
width:100px;
background-color:blue;
animation-name:moveright;
-webkit-animation-name:moveright;
position:relative;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-duration:5s;
-webkit-animation-duration:5s;
animation-timing-function:ease;
-webkit-animation-timing-function:ease;

}

#div267{
height:100px;
width:100px;
background-color:blue;
animation-name:moveright;
-webkit-animation-name:moveright;
position:relative;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-duration:5s;
-webkit-animation-duration:5s;
animation-timing-function:linear;
-webkit-animation-timing-function:linear;

}

#div268{
height:100px;
width:100px;
background-color:blue;
animation-name:moveright;
-webkit-animation-name:moveright;
position:relative;
animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-duration:5s;
-webkit-animation-duration:5s;
animation-timing-function:ease-in;
-webkit-animation-timing-function:ease-in;

}

@keyframes moveright{
0% {left:0px;}
100% {left:90%;}
}

@-webkit-keyframes moveright{
0% {left:0px;}
100% {left:90%;}
}