javascript - マトリックスベースの css 変換回転補間は、-webkit で「間違っています」?

Question

sylvester.js を使用して恒等行列に 90 度回転行列 (1.57079633 rad) を乗算し、その結果を css 変換 matrix3d プロパティに適用しています。

恒等マトリックス:

var identityMatrix = $M([
  [1,0,0,0],
  [0,1,0,0],
  [0,0,1,0],
  [0,0,0,1]
]);

回転マトリックス:

var rotationYMatrix = $M([
      [Math.cos( 1.57079633), 0, Math.sin(1.57079633),0],
      [0,1,0,0],
      [Math.sin(-1.57079633), 0, Math.cos(1.57079633), 0],
      [0,0,0,1]
    ]);

初めて乗算すると、すべてがうまくいき、予想どおり平面が時計回りに 90 回転します (0-90)。しかし、もう一度乗算すると、反時計回りに 90 から 180 までの最長パスがかかります。何が間違っていますか? コードはhttp://jsfiddle.net/W5Ks8/81/にあります。ボタンを 1 回クリックし、アニメーションが停止するのを待ってからもう一度クリックします。

私はこのクロムの問題を読みましたが、私の場合に当てはまるかもしれませんが、私のシナリオではcss matrix3dを使用する必要があり、いくつかの解決策/提案(汚れていても)をいただければ幸いです。