Jump to content

Justin Erswell

  • Posts

  • Joined

  • Last visited

Everything posted by Justin Erswell

  1. Hey @Cassie Sure thing and apologies for not being totally clear! These are the steps I am hoping to go through: User is presented with grey screen and logo (purple) Starts scrolling The purple logo's width reduces to only show the white 'LINK' The section fades away to show the mask 'LINK' Link scales, as if 'flying through' User then scrolls through an array of images, like a 'Flip book' with text coming in and out at various points 2.4 isn't an issue however 2.1 - 2.3 happens too quickly and we don't see the full effect. What I am trying to achieve is the stepped process with the scroll and that it is slowed enough to create the feeling of control with the scroll and for the user to clearly see each animation / transition. I hope that clarifies things, again many thanks for your help!
  2. Hi there GSAP crew! I have two elements that I want to use ScrollTrigger on in the demo here. However I need to slow the process down so that the user sees the logo shrinking and the zoom effect is smooth through to the next content. I have tried to Pin var tl2 = gsap.timeline({}); But when I do this it stops the scroll animation completely. Also I am not sure I am chaining the sections correctly, any advise here would be great, thanks
  3. I have some code which allows me to scroll and 'fly through' a polygon. I need to, when this process completes load the first in a list on 'n' divs (n=11 in this example) and then scroll through those snapping to the next if a certain point is hit. I have been really trying to sort this but now I cannot see my original 'Fly Through' andI think I am in a muddle. Any help would be received gratefully by my self and the kids who are having to up with dad at is computer on a Sunday. Thanks GSAP crew you're awesome!
  4. @akapowl Thanks for the welcome and answer very much appreciated!
  5. Building off of an answer from this post Greensock - moving elements behind another I have a custom polygon based SVG which I would like to position in the centre of the viewport and have zoom through to the background on scroll. The scroll zoom is owrking great but I am struggling to center the element, can any one advise on how to do this with GSAP. Better in fact how to position the SVG wherever it needs to be using the library. Thanks in advance for your guidance.