css - css3変換を介して中心点を中心に複数のdivを回転させる

Question

css3を使用して中心点を中心にいくつかの要素を回転させようとしていますが、うまくいきません。基本的に、円周に n 個の要素 (div) を配置する関数があり、css3 を使用して各要素を次の位置に移動したいと考えています。

注: rotatorElements は、すべての要素を含む配列です。

for (var i=0; i<rotatorElements['obj'].length; i++){

   $thisobj = $('.slice-'+rotatorElements['obj'][i]);

  startDegrees = rotatorElements['angle_s'][i];
  endDegrees = rotatorElements['angle_e'][i];


  newDiv = $thisobj.get(0);
  goX = (options.circle.x-newDiv.offsetLeft)+'px';
  goY = (options.circle.y-newDiv.offsetTop)+'px';
  $thisobj.css("transform-origin", goX+" "+goY);

  newDiv.style.webkitTransition = newDiv.style.MozTransition =
  newDiv.style.OTransition = newDiv.style.transition =
  'all 1s ease-in-out';

  newDiv.style.webkitTransform = newDiv.style.MozTransform =
  newDiv.style.OTransform = newDiv.style.transform =
  'rotate('+sliceDegrees+'deg)';
}

ご協力いただきありがとうございます。