Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Animating realtime watch handles

Recommended Posts

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




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


Any ideas welcome!  






Link to comment
Share on other sites

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. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.