Skip to content

Latest commit

 

History

History
30 lines (23 loc) · 706 Bytes

README.md

File metadata and controls

30 lines (23 loc) · 706 Bytes

Animation Chain

A jQuery plugin to chain CSS3 transitions together.

Example


var c1 = $("#div-two").animationChain()
            .addClass("color1")
            .addClass("color2")
            .addClass("color3")
            .addClass("color4");
            
var c2 = $("#div-one").animationChain()
            .addClass("color1")
            .addClass("color2")
            .addClass("color3")
            .addClass("color4");
            
//Start the chains with a 1 second delay between them.            
$.animationChain()
  .execute(function () { c1.start(); })
  .delay(1000)
  .execute(function () { c2.start(); })
  .start();