如何使CSS动画不返回到原始位置

动画会反转，因为您在关键帧定义中指定了50%，而默认的animation-fill-mode是none，因此动画将在最后重置。

相反，将关键帧定义为100%（或to），并应用forwards或animation-fill-mode：both

.dark1 {
  background-color: black;
  width: 50px;
  height: 100vh;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  animation: example1 5s;
  animation-fill-mode: both;
}


@keyframes example {
 100% {
    right: -500px;
  }
}