title: Multiple transforms in same animation on snap.svg
body: <p>I have the following code : </p>
  
  <pre><code>$(document).ready(function () {
  
      var stage = Snap("#stage");
      var shape = stage.rect(0, 0, 100, 100, 11, 11);
      var d = 45;
  
      shape.attr({
          fill: "#bada55",
          stroke: "#000",
          strokeWidth: 6
      });
  
      function rotation(d) {
          shape.animate({
                  transform: 'r' + d + ',50,50'
              },
              1000,
              mina.bounce,
              function () {
                  d += 45;
                  if (d &gt; 360) d = 0;
                  rotation(d);
              }
          );
      }
  
      rotation(d);
  });
  </code></pre>
  
  <p>I want to perform a translation on the same object within its rotation so that the easing of both the rotation and the translation is synchronized.</p>
  
  <p>How do I do that?</p>
  
  <pre><code>{ transform: 'r' + d + ',50,50' , 't50,50'},
  </code></pre>
  
  <p>doesn't work.</p>
  
  <p>Any idea?</p>