Animating the HTML5 Logo with RaphaelJS Transforms

/*Downloaded from https://www.codeseek.co/1Marc/animating-the-html5-logo-with-raphaeljs-transforms-zqJba */
#paper {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: -1;
}

svg {
  width: 100%;
  height: 100%;
}

/*Downloaded from https://www.codeseek.co/1Marc/animating-the-html5-logo-with-raphaeljs-transforms-zqJba */
// converted SVG to RaphaelJS with rappar.js
// https://github.com/DmitryBaranovskiy/rappar
var html5svg = [{"type":"path","fill":"#E44D26","stroke":"none","path":"M107.644,470.877 74.633,100.62 437.367,100.62 404.321,470.819 255.778,512 \t\t\tz"},{"type":"path","fill":"#F16529","stroke":"none","path":"M256,480.523 376.03,447.246 404.27,130.894 256,130.894 \t\t\tz"},{"type":"path","fill":"#EBEBEB","stroke":"none","path":"M256,268.217 195.91,268.217 191.76,221.716 256,221.716 256,176.305 255.843,176.305 142.132,176.305 143.219,188.488 154.38,313.627 256,313.627z"},{"type":"path","fill":"#EBEBEB","stroke":"none","path":"M256,386.153 255.801,386.206 205.227,372.55 201.994,336.333 177.419,336.333 156.409,336.333 162.771,407.634 255.791,433.457 256,433.399z"},{"type":"path","fill":"#000","stroke":"none","path":"M108.382,0h23.077v22.8h21.11V0h23.078v69.044H152.57v-23.12h-21.11v23.12h-23.077V0z"},{"type":"path","fill":"#000","stroke":"none","path":"M205.994,22.896h-20.316V0h63.72v22.896h-20.325v46.148h-23.078V22.896z"},{"type":"path","fill":"#000","stroke":"none","path":"M259.511,0h24.063l14.802,24.26L313.163,0h24.072v69.044h-22.982V34.822l-15.877,24.549h-0.397l-15.888-24.549v34.222h-22.58V0z"},{"type":"path","fill":"#000","stroke":"none","path":"M348.72,0h23.084v46.222h32.453v22.822H348.72V0z"},{"type":"path","fill":"#FFFFFF","stroke":"none","path":"M255.843,268.217 255.843,313.627 311.761,313.627 306.49,372.521 255.843,386.191 255.843,433.435 348.937,407.634 349.62,399.962 360.291,280.411 361.399,268.217 349.162,268.217z"},{"type":"path","fill":"#FFFFFF","stroke":"none","path":"M255.843,176.305 255.843,204.509 255.843,221.605 255.843,221.716 365.385,221.716 365.385,221.716 365.531,221.716 366.442,211.509 368.511,188.488 369.597,176.305z"}],
    paper = Raphael('paper'),
    set = paper.add(html5svg);

function animate(t, d, e, cb) {
  set.animate({transform: t}, d, e, cb);
}

function play() {
  animate('s-0.9,1,301,0 r-42,149,333', 2500, 'easeInOut',
  function(){
    animate('', 1500, 'elastic', play);
  });
}

setTimeout(function(){
  play();
}, 1000);