Rotate object in a circle

[Devotee007]

I want to do something like this http://jsfiddle.net/leaverou/zXPzY/light/ and I have tried a lot of things now, but I can't get it to work.

 

I can rotate the below code with:

 

var circle = new TimelineMax({repeat:-1, repeatDelay:0});

 circle.to("#circle", 2, {rotation:360, transformOrigin:"center", ease:Linear.easeNone}, 0); 

 

But I cant get it to go in a circle at the same time.

<div id="content">
<div id="circle" style="width:100%; height:100%; position:relative; top:0px; left:0px;">
<div style="width:50%; height:100%; overflow:hidden; position:absolute; top:0px; left:0px;">
<div style="position: relative; border-radius: 100%; height: 100%; width: 200%; background-color: #3498db;"></div>
</div>

<div style="width:50%; height:100%; overflow:hidden; position:absolute; top:0px; left:50%; transform: rotateY(180deg);">
<div style="position: relative; border-radius: 100%; height: 100%; width: 200%; background-color: #2980b9;"></div>
</div>
</div>
</div>

[Diaco]

Hi Devotee007 

 

pls check this out : 

See the Pen ojrGoE by MAW (@MAW) on CodePen

[Devotee007]

Thank you! I see that I was on the right track, but not quite...