Edit in JSFiddle

var s = Snap(800, 600)  

function lancer() {
	s.clear()
  s.rect(10, 10, 400, 370).attr({fill: 'Grey'})
  var rectangle1 = s.rect(20, 10, 100, 50).attr({fill: 'Green'})
  var rectangle2 = s.rect(20, 60, 100, 50).attr({fill: 'Blue'})
  var rectangle3 = s.rect(20, 110, 100, 50).attr({fill: 'Orange'})
  var rectangle4 = s.rect(20, 160, 100, 50).attr({fill: 'DarkBlue'})
  var rectangle5 = s.rect(20, 210, 100, 50).attr({fill: 'DarkSalmon'})
  var rectangle6 = s.rect(20, 260, 100, 50).attr({fill: 'Maroon'})
  var rectangle7 = s.rect(20, 310, 100, 50).attr({fill: 'Red'})
  rectangle1.animate({transform: 't300'}, 1000, mina.easeout)
  rectangle2.animate({transform: 't300'}, 1000, mina.easein)
  rectangle3.animate({transform: 't300'}, 1000, mina.easeinout)
  rectangle4.animate({transform: 't300'}, 1000, mina.backin)
  rectangle5.animate({transform: 't300'}, 1000, mina.backout)
  rectangle6.animate({transform: 't300'}, 1000, mina.elastic)
  rectangle7.animate({transform: 't300'}, 1000, mina.bounce)
}