如何创建背景效果

Question

首先，如果问题过于宽泛而无法回答，我会道歉，但我只需要方法。 如何创建像（红色条纹背景）的背景动画：link

我正在学习css动画，并想知道我可以采取的方向来获得这样的效果。

Answer 1

它们并没有真正为各种漩涡制作动画，它是让你在思考它的模式。这是一个上下动画的背景图片：）

图像作为背景的可能解决方案（但移动的任何东西都可以工作）：

#example{
  background-image: url('https://trionndesign.com/images/creativeBg.jpg');
  animation-name: backgroundscroller;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes backgroundscroller {
   from { background-position:    0  0; }
   to {   background-position:  100% 0; }
}

许多非无限重复的动画与之前和之后一起使用。它以0滚动开始，以100％滚动结束。或0不透明度为1不透明度。诀窍是弄明白，他们动画的属性是什么，并将其应用于css＆＃39; transition。

如果是无限动画，你需要更高级的例子，如上所述。