burst-syntax.js

  Burst({
    
    'arbitrary-timeline-name' : {
      start:  0,
      frames: 100,
      ratio:  1, 
      loop:   false,
      finish: function () {}, 
      tracks: {
        
        'arbitrary-red-square'  : {
          ref:  redBox.style,
          props: 
          [
            { prop:  'left',
              keys:   [
                [ 0,0, 'inOutBounce'],
                [ 100,50 ],
              ] 
            }
          ]
        }, 
        'arbitrary-green-square' : {
          ref: function (attrs) {
            $('#greenBox').css(attrs);
          }, 
          props: 
          [
            { prop: 'top', 
              keys: [
                [0,0,'inOutBounce'], 
                [50,50]
              ]
            }, 
            { prop: 'width',
              keys: [
                [0,50], 
                [50,50], 
                [75,200], 
                [100,50]               
              ]
            }
          ]
        }
      }
    }
  });