Jump to content


Flip animation

Go to solution Solved by OSUblake,

Recommended Posts

Hello everyone!

Could you, please, help me with a flip animation.

I'm trying to transform a blue circle to a dynamic modal window appended to body. I guess what I made is ... a solution. But I'm sure there should be much cleaner and better way to do this)


Black squares are some elements with unknown z-index or in different DOM nodes.

Pasted Graphic.png

See the Pen NWXaLRd by kutalev (@kutalev) on CodePen

Link to comment
Share on other sites

  • Solution

Hi Kutalev,


I wouldn't say there's a cleaner way. Appending an new element to the DOM is how most modals are done to make sure it is placed on top of everything. So I'm using from and to methods here. Just click anywhere.


See the Pen rNpGXZq by GreenSock (@GreenSock) on CodePen


  • Like 4
Link to comment
Share on other sites

Ah! I guess I didn't understand at first how to use Flip correctly. Thank you!

  • Like 1
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.