画像を振動させて回転させるために、2つの別々のCSSキーフレームアニメーションを作成したいと思います（http://jsfiddle.net/3zAeZ/を参照）。私が遭遇していると思う問題は、両方のキーフレームルールで変換属性を設定しているため、一方のルールがもう一方のルールを覆い隠していることです。
これは変換の代わりに上と左を使用して機能することは知っていますが、変換を行うと（たとえば、画像を別の場所に配置する必要がある場合など）、キーフレームルールを将来再利用するのがはるかに簡単になります。
私は困惑しています。これはできますか？私がそれをするべきより良い方法はありますか？