.moving-arrow {
  width: 200px;
  height: 200px;
  background: red;
  transition: 0.2s;
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);

}
.moving-arrow:hover {
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}

body {
  height: 100vh;
  margin: 0;
  display: grid;
  place-items: center;
}