How Do I Space Objects Evenly Around A 3D Carousel And Rotate It?

[Sweetj77]

Hello,

 

I love your product and think it's intuitive and powerful. I am working with the CSS Transforms and I am working with the bottom example under the section:

transformOrigin

 

example at:

 

http://www.greensock.com/css3/

 

with the code:

 

TweenMax.to(box2, 3, {css:{rotationY:360, transformOrigin:"left 50% -200"}})

It works fine for that one square, but I am trying to figure out how to space items evenly around the "imaginary sphere" that the cube is rotating around.I tried putting both a delay of like .15 on the second cube. That kinda-sorta worked. I also tried putting a little bit of a margin on the second cube, that quasi worked but seems to offset the rotation of the imaginary sphere.

 

Putting them both in one container div, just rotated them both the same instead of individually. Attached is a zip file of what I'm working with and if the attachment doesn't work, the live version is at:

 

http://www.doublesta...eSwordfish.html

 

 

 

Any help would be greatly appreciated:

 

Thanks,

J

[Carl]

Here is one way to offset a number of objects around the same point in 3D space:

See the Pen 9f62ebc0d3feb0135be3c5407e58e0d9 by GreenSock (@GreenSock) on CodePen

[Sweetj77]

Thanks Carl. You never cease to amaze me. Ur a stone code, coding pimp