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%;}
}