Jump to content
Search Community

transform-origin help

caemostajo test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi super coders!

I really need some help from you guys, i've been trying for hours with no positive results so i finally decided to post it here.

In my pen, there are 2 buttons to run the animation, right now it is using CSS transforms & transitions but will have gsap as i will animate the cube with some infographics to. Right now I just want to have the basic parts done.

Ok! so i have 2 problems:
1) the left face of the cube is not in the right place, i need to place it in its respective space and to have the same animation it has right now. I want it exactly like this: http://www.f-lohmueller.de/pov_tut/backgrnd/im/CubeMappingWrapping_1d_64.gif

2) all the faces have inner and outer images, when the front face opens the image has some flickering (the outer image is shown when the inner image has to be seen)

Bets of bests and thanks in advance!

See the Pen yORNvx?editors=1100 by caemostajo (@caemostajo) on CodePen

Link to comment
Share on other sites

Hi caemostajo :)


Since you're planning on changing the animation over to GSAP anyway, I'd ask that you please do that first so we can better assist you with GreenSock related problems. There are probably some around here that would troubleshoot a CSS animation, but I'm not one of them - that syntax gives me a headache.  :blink:  :D


As far as 3D cubes go, we had a pretty good discussion that might help you over here:



Jonathan may chime in here too. He's the resident 3D cube expert. 


Happy tweening.


  • Like 4
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.
  • Create New...