Javascript 具有平滑运动的CSS动画关键帧

我正在一只降落伞猫身上做一个钟摆动画（lol），但当它向左移动时，它会更平滑。据我所知，所有的易用选项都有相同的问题。我可以用纯javascript实现这一点，但css过去更平滑，CPU消耗更少

测试：

注意：在Firefox（33）中根本无法工作，错误已打开：

您需要添加

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;

transition

计时功能未应用于动画，因此测试不会显示任何差异。你想让它在两端都平滑

---

@MarcosFernandezRamos如果答案解决了您的问题，您可以单击答案左侧的复选标记将其标记为正确。这两个人都会获得一些声誉

animation-timing-function: ease-in-out;
-webkit-animation-timing-function: ease-in-out;