Animating realtime watch handles

[sousinho]

Hey all,

 

I've managed to get a front facing realtime watch working perfectly with GSAP.  (used to to this all with flash)

 

But now im faced with a new challenge.  

 

I want to create the same thing but this time the watch handles are at 3D perspective.  

 

Like this image

 

http://thumbs.dreamstime.com/z/wrist-watch-3d-render-11580568.jpg

 

Could i just use the same principle, but skew the the hands as they rotate around the centre?  

 

Any ideas welcome!  

 

Cheers!

 

 

 

[GreenSock]

It kinda depends if you need Internet Explorer support. If not, it should be as easy as putting it in a container (<div>), setting its transform-style CSS property to preserve-3d and then rotate that container in 3D (like TweenLite.set("#container", {rotationX:-20, rotationY:-10})). Unfortunately, Internet Explorer doesn't support transform-style:preserve-3d.