javascript - 軽量チルト onClick / JS または CSS3

Question

#divクリックすると意志が左に15度傾き、その後すぐに前の位置に戻る関数を作成しようとしていますが、これはタイミングイベントを追加することで簡単にソリューションに追加できると思います。しかし、Tiltは私が最も問題を抱えているものです。理想的には、JavaScript だけでこれを行います。ただし、jQuery や CSS3 に対してはオープンです。

カスタムシェイクを作成する際に、以下のスニペットを使用しました。

jQuery.fn.shake = function() {
    this.each(function(i) {
        $(this).css({ "position" : "relative" });
        for (var x = 1; x <= 3; x++) {
            $(this).animate({ left: -15 }, 10).animate({ left: 0 }, 50).animate({ left: 15 }, 10).animate({ left: 0 }, 20);
        }
    });
    return this;
}

しかし、それは許されません。または、そのような運がありませんでした-「TILT」効果を作成し、水平または垂直の左右の効果のみを作成します。そこにCSS3を入れる必要があるかもしれないと思います。ポインタはありますか？

免責事項: 私は主要な JavaScript の解決策を望んでいます。私は IE 9+ / 最新のブラウザ (chrome、ff、safari) をサポートしています。そうでなければ、現時点で実装する意味はありません。ありがとう。