https://codepen.io/aswinckr/pen/RJvKjq
这是一个分为两部分的问题-
我正在尝试使用普通的javascript通过应用CSS属性的setInterval和setTimeout方法来构建连续的无限循环动画。当我切换浏览器选项卡并在一段时间后返回到此动画时，我的动画似乎表现得非常出乎意料。为什么会这样？
在线阅读后，我了解推荐使用requestAnimationFrame使用javascript制作动画的方法。以我为例，我使用JS来触发具有transition属性的CSS中的转换和缩放属性。即使我可以轻松地使用requestAnimationFrame或贝塞尔函数也可以说，我该如何处理setTimeout功能呢？在第一张和第二张卡片之间设置动画后，从第二到第三张重复动画。
codepen的链接粘贴在上方。预先感谢！