<div class="anime"></div>

body {
  padding: 10px;
}
.anime {
  width: 100px;
  height: 100px;
  background-color: orange;
  border-radius: 3px;
  animation: anime 1000ms cubic-bezier(.6, 0, 1, .6) 500ms 50 normal both running;
}

@keyframes anime {
  0% {
    transform: none;
  }

  25% {
    transform: translate(200px, 0);
  }

  50% {
    transform: translate(200px, 200px);
  }

  75% {
    transform: translate(0, 200px);
  }

  100% {
    transform: none;
  }
}