Css 如何将2个动画添加到1个关键帧中

我想在图像达到动画的一半后，向鸡肉添加

变换：旋转（180度）

。。。所以在其他情况下。。。我想创建一个简单的绕着小鸡走，小鸡在半个动画结束后转身。。。它将再次掉头并循环。（就像一个人在思考，所以他们会四处走动）

有人能帮我吗？

---

下面是我的示例代码：

我想您只是忘记了包含前缀和常量转换（因此它并不总是旋转）。这是我的副本

也许可以考虑使用，这样你就不用担心前缀了

@keyframes left-right {
  0% {left:140px; transform:rotateY(0);}
  50% {left:110px; transform:rotateY(0);}
  51% {transform:rotateY(180deg);}
  100% {left:140px; transform:rotateY(180deg);}
}