<div class="yellow"></div>
<div class="blue"></div>
div{
position: absolute;
width: 100px;
height: 100px;
animation-duration : 3s;
}
.yellow{
background-color: yellow;
animation-name: move;
}
.blue{
background-color: blue;
}
@keyframes move{
from{
left: 0%;
}
to{
left: 50%;
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.