javascript - CSS无限动画

Question

我正在从事的这个元素要求我构建一个移动动画，它只使用 css 和样式化的 div。

可以在这里找到几乎相同的东西的完美工作示例(注意蓝色背景白色移动方 block ):

http://www.braintreepayments.com

然而，与上面的演示不同，我的设计在动画中包含大约 10 倍的 div 形状，并且当动画时间到期时，容器变为空白，这看起来设计得很糟糕。

我的问题是，上面例子中的动画是如何在他们的网站上用这么少的样式 div 创建“连续/无限效果”的？我一直在尝试制定一些东西来复制这种效果，但没有成功。

注意:我也愿意使用 JQuery/Javascript 解决方案。

Answer 1

通过使用 anitmation-iteration-count属性并使用 infinite 值 - 您将很难找到匹配的选择器，因为他们的 CSS 被缩小了，但该规则存在于他们的样式表中的某个地方。