小编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)
<div class="myanimation"></div>
Run Code Online (Sandbox Code Playgroud)

如何使它平滑且不引人注意?

html css

2
推荐指数
1
解决办法
41
查看次数

标签 统计

css ×1

html ×1