LoginSignup
1

More than 5 years have passed since last update.

velocityで多段アニメーションを組む

Posted at

はい、ダサいですよー。
多分もっとスマートな書き方ありますよー。
jsonとかで定義したらもっとスマートなんだと思うけど。。。
まず、素で書く

$("#main").velocity("fadeIn", {
   duration: 5000,//アニメーションの処理秒数
                  //必要とあればイージングも定義できるぎゃ!
   complete: function () {
           $("#main #opening").velocity({opacity:0.4}, {
           duration: 2500,
           complete: function () {
             //次の処理
           }
);

という、書き方で目的は達成できるのではなかろうか。
とにかく描写が綺麗に動いてくれるので、すごくイイ!

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1