Animation by jQuery

jQueryでCSSのtop, leftを設定するアニメーションを指定できるが、回転やスケール変更は対応していない。

回転やスケール変更のアニメーションを行うためのjQuery Plug-Inがある。

zachstronaut/jquery-animate-css-rotate-scale

コレを利用するには、クロスブラウザ互換のためにtransformのPlug-Inも必要。

zachstronaut/jquery-css-transform

これらを読み込むとjQueryオブジェクトに対して以下のように回転とスケール変更のアニメーションを書くことができる。

$('#example').animate(
    {
        rotate: '+=30deg',
        scale: '-=0.1'
    },
    1000);

アニメーションの指定方法はjQueryのanimate()に従う。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です