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

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.