書き方
アニメーション最強のVelocity.jsの使い方 – Qiita
http://qiita.com/kyota/items/754e0e6cb7a144eda850
easingプラグイン
Sample – Ease+ for Velocity.js
http://yuichiroharai.github.io/easeplus-velocity/sample/
easing Springのテスト
Velocity.js – Easing: Spring Physics (Tester)
tweenMaxのsetみたいなの
queue:falseで前の処理を待たずに実行
duration: 0
transform系
cssで初期に設定しているものは感知せずに上書きされる。
下記のようにvelocityないに指定を書く〜
$('#firstScene').velocity(
{
translateX: '-50%',
translateY: '-50%'
}, {
// Option
duration: 0, // アニメーション時間
}
).velocity(
{
scale:0
}, {
// Option
duration: 1000, // アニメーション時間
easing: 'linear', // イージング : linear, swing, ease, ease-in, ease-out, ease-in-out, [200, 15]
display: 'none' // 表示・非表示 : false, 'none', 'block'
}
);
コメントを残す