jQueryのanimateではアニメーションしながらtransoformさせることが出来ないようです。
それを可能にするのが今回ご紹介するこちらの「Transit」になります。
transformがjQueryで動かせる
基本的には以前ご紹介した、transformの動作がjQueryで可能になるプラグインです。
3Dアニメーションもできて、従来のanimateのeasingなども実装できます。他にもtransform以外のmarginなどもアニメーションさせることができます。
いろいろな動きができる
他にも様々な使い方が配布サイトに載っていますので御覧ください。
対応ブラウザ
対応ブラウザはサイトにも書いてありますが、
- IE10
- Firefox 4+
- Safari 5+
- Chrome 10+
- Opera 11+
- Mobile Safari
だそうです。IEが10からなのが残念ですが・・・。
というわけで、Transitのご紹介でした。
コメント