走一圈为什么是这样呢

@keyframes around{
  0% {
    transform: translateX(0);
  }
  25%{
    transform: translateX(180px);
  }
  50%{
     transform: translate(180px, 180px);
  }
  75%{
    transform:translate(0,180px);
  }
  100%{
    transform: translateY(0);
  }
}

而不是：
@keyframes around{
  0% {
    transform: translateX(0);
  }
  25%{
    transform: translateX(180px);
  }
  50%{
     transform: translateY(180px); 
  }
  75%{
    transform:translate(-180px,0);
  }
  100%{
    transform: translateY(0,-180px);
  }
}