CSS3とjqueryのお勉強01

下記のプラグインを使ってやってみました。

面倒なCSS3のアニメーションの設定をjqueryの書き方で設定できるようになるプラグイン。
jquery.transit.js
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-transit.html

jqueryだけだと背景のアニメーションはできないので以下のプラグインで動かす。
jquery.backgroundPosition.js
http://blog.e-riverstyle.com/2009/04/cssjs.html


やった結果がこれだよ。※firefoxとIEだと動きません。
http://cloudproduction.co.jp/dessin2.html

backgroundPositionは特にアニメーションの設定してないのに動いている不思議。

jquery.transit.jsの3D rotationはweb-kit系のブラウザ（chromeやsafari）でしか動かないようです。

setIntervalで繰り返し処理しているのですが、動いてから一回数値をリセットするかjquery.transit.js中のtransformOriginで初期値を設定するなどしないと一回動作したら終了するみたいです。

あんまり詳しく書かなくてすみません。