Filip1139 Posted June 26, 2020 Share Posted June 26, 2020 I want to use similar image transition after img click like on this page: https://antoni.de/cases/ . I have no idea how to scale. the picture after clicking on the entire width and height of the browser See the Pen yLeoNPE?editors=1100 by nomad1139 (@nomad1139) on CodePen Link to comment Share on other sites More sharing options...
ZachSaucier Posted June 26, 2020 Share Posted June 26, 2020 Hey Filip. The key here is to use FLIP transitions. GSAP even has a handy helper function to help you with it. Here's a demo that does the effect that you're looking for. It uses an old version of GSAP but you can easily convert it using the GSAP 3 migration guide See the Pen WwgQEV by osublake (@osublake) on CodePen 1 Link to comment Share on other sites More sharing options...
OSUblake Posted June 26, 2020 Share Posted June 26, 2020 This does a full screen calculation. Might need to combine this with a FLIP animation. See the Pen QWyLVLO by osublake (@osublake) on CodePen 4 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now