#box {
    width: 100px;
    height: 100px;
    background: red;
    position: relative;
  }

  #box.click{
    animation: mymove 3s ease-in;
  }

  @keyframes mymove {
    0%{
      top: 0px;
      transform: rotate(0deg);
    }

    20% {
      top: 10px;
      transform: rotate(0deg);
    }

    50% {
      top: 200px;
      transform: rotate(180deg);
    }

  }