小编Sas*_*ova的帖子

我在垂直设置图标动画以使它们无限地相互改变时遇到问题。

问题是我有两个图标，我需要它们以（第一个图标 - 青蛙，第二个图标 - 鸟）1 -> 2 -> 1 -> 2 的方式更改，这样看起来就像一个朝一个方向的完整循环（底部），我现在所拥有的是第一个图标到第二个图标根据需要进行更改，然后我的动画返回到第一个图标，向后而不是向前。

这是代码笔

如果有人能帮助我，我会很高兴。

@keyframes rotate {
 10%, 15% {
        transform: translateY(0);
 }
 25%,36% {
        transform: translateY(-45px);
 }
}