小编var*_*aud的帖子

如何使我的无限线性动画流畅？

动画重置后，动画中会出现明显的中断。

这是我所拥有的：

@keyframes AnimationName {
  0% {
    background-position: 100% 0%
  }
  100% {
    background-position: 0% 0%
  }
}

.myanimation {
  width: 50px;
  height: 150px;
  background: repeating-linear-gradient(-45deg, #43ABC9, #43ABC9 7px, #369ebc 7px, #369ebc 14px);
  animation: AnimationName 2s linear infinite;
  background-size: 200% 200%;
}

Run Code Online (Sandbox Code Playgroud)