hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

ベロちゃんの書き方メモ Velocity.js

書き方

アニメーション最強の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'
        }
    );

投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください