Use Flip to animate image position.

[maths]

Hi,

 

How can i animate the image to the top of the viewport when clicking it? As it is now it almost does what i want, but quite buggy. What am i doing wrong here? I want the image to animate to the top of the viewport as well as resize (see the css class), but smooth. Same when closing it, by clicking.

 

(For some reason the Codepen only works when in inkognito mode, at least for me)

See the Pen BaGXKxM by frilansmagi (@frilansmagi) on CodePen

[alig01]

Hey,

 

you were almost there.

 

See the Pen YzRmWQB?editors=0010 by alig01 (@alig01) on CodePen

 

There is also an advanced example in the documentation, that takes a different approach:

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

 

Hope this helps and good luck with you project.

[maths]

Nice. Did not know about scale in this context.

 

Thanks!