Javascript JS同步动画

我正在尝试使用velocity.js为元素的translateX和rotateZ属性设置动画，下面是我的代码：

$(document).ready(function () {
    $("div").velocity({
        rotateZ: '-10deg'
    }, {
        loop: true
    });
    $("div").velocity({
        'translateX': '2000px'
    });
});

我试图实现的是让元素沿直线向右移动，同时始终上下振动（无限旋转10度），但结果是循环应用于两个属性，不仅应用于旋转，而且一旦平移开始，旋转就变得更大

---

与其使用单个元素并应用两个动画，不如创建两个元素并对每个元素应用一个动画

我会考虑以下的选择：

<div class="outer">
    <div class="inner">I'm trying to vibrate and move.</div>
</div>

---

这在使用div而不是svg元素时有效，这就是我的情况。为什么它不适用于svg元素？您可以随时向SVG标记中添加其他组，并对这些组进行id/class。非常感谢。我正要评论说，我已经在一个svg组中添加了该元素，并翻译了该组，它按照我的要求工作了。：）好消息，快乐的动画制作！：）