Jump to content
Search Community

Odd rotationY starting animation

cosciug 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

Hey @ all, 


need some help with a very simple animation, but i can't figure out what is actually happening. 


here is the Pen again: 


Here's how the nimation should go:

On hover over yellow div, it moves to the right, and starts rotating -180 deg on the Y axis, origin being the left border.


Here's the problem now, the the div starts rotating, it instantly jumps weirdly and starts from there instead on the original position.

This bugs me out and i spent already over an hour searching why this is happening but i just can't figure out why.


Basically, the div should flip just like a page of a book, from the initial position and not from any other that i do not want.


Any help maybe ?


Thx in advance,



See the Pen rVEORw by Cosciug (@Cosciug) on CodePen

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...