I want to animate a matrix3d with rotation and translation at the same time. The strange thing is i get completely different results putting the rotation first or the translation first.
i have two fiddles to show the difference. i dont understand that.

<http://jsfiddle.net/wetlip/2nuQu/> rotate before translation

<http://jsfiddle.net/wetlip/Z3MTX/> translation before rotate

```
var el = document.getElementById("aa2");
 var matrix = new MSCSSMatrix(el.style.transform);

    matrix = matrix.rotateAxisAngle(0, 1, 0, 85);
 matrix = matrix.translate(300, 0, 0);

 el.style.transform = matrix;

```

gives a quite different result as

```
var el = document.getElementById("aa2");
 var matrix = new MSCSSMatrix(el.style.transform);

 matrix = matrix.translate(300, 0, 0);
matrix = matrix.rotateAxisAngle(0, 1, 0, 85);

 el.style.transform = matrix;

```