move div to right side css
<!DOCTYPE html>
<html>
<head>
<style>
.div1{
animation-name: moveRight;
animation-duration: 5s;
animation-iteration-count: infinite;
}
.div2{
animation-name: moveRight;
animation-duration: 8s;
animation-iteration-count: infinite;
}
div{
position: relative;
width: 100px;
height: 100px;
background: yellow;
border-radius: 50%;
border: 5px solid red;
}
@keyframes moveRight{
from{
left: 0px;
}
to{
left: 200px;
}
}
</style>
</head>
<body>
<h1>animation-duration: 5s</h1>
<div class="div1"></div>
<h1>animation-duration: 10s</h1>
<div class="div2"></div>
</body>
</html>