jquery - jQuery を使用して手を振るようにアニメーション化する

Question

jQueryを使用して、キャラクターの手が誰かに手を振っているようにアニメーション化したいと思います。2 つの画像 (左を指している手と右を指している手) を交換しようとしました。しかし、それはあまりスムーズではありません...もっと良い解決策はありますか? また、jQuery プラグインを使用して画像を回転させようとしましたが、動作する (& IE8 と互換性のある) プラグインが見つかりませんでした。ご協力いただきありがとうございます！

Answer 1

roXonが言うように、あなたはそのようにすることができ、これも役に立ちます: jQuery GIF Animations take look

Answer 2

CSS3アニメーション/変換でアニメーションを作成できます

jsfiddle demo

.waving-anim {
    animation:wave 500ms infinite;
    transform-origin:bottom left;
}

@keyframes wave {
    0% {
        transform:rotate(3deg);
    }
    50% {
        transform:rotate(-3deg);
    }
    100% {
        transform:rotate(3deg);
    }
}

ベンダー プレフィックスが必要であり (デモを参照)、現在のブラウザー (IE10 を含む) でサポートされています。