Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

2 Newbie

About Brian-afk

  • Rank
  1. i cant seem to find the course on @Carl s page is it available somewhere else?
  2. Thank you so much! I actually came into gsap for just one thing and it seems i need this for many other things too! I honestly do not anything about the functions of gsap like scroll triggers, it seems the best option is to see the course! and one final quick doubt! the image when scroll ,like the height increasing it starts when the image reaches the top of the window, is it because it is given start : top top? what does these two top top do actually? one i gus is to activate when the top reaches the window top the other?
  3. Yeah sure ! I am sorry if it meant that way! I am struggling to understand what the gsap and scroll trigger part here has done! Is it like hiding one part of the image and when we scroll down the other image part becomes partly visible? if i could understand that part maybe i can edit it myself the one you provided was perfect ! only thing is what if i want a line to actually go up simultaneously with the image? thats my doubt currently..
  4. and i am not able to scroll to the top if i change height of the section and i cant seem to understand why?, like i want the images to be in a container say of 584 px and 415 px like it should be a part of the webpage and not the entire webpage
  5. the line would be at bottom of the first image at first and then when we start to scroll, it moves up and below the line the other images visible part would start becoming visible! and yes this was what i was looking for!
  6. So if i need an image of a line with a logo also to move with the scroll , so that when the line reaches the top we can see the second image fully?
  7. Hey so I want a container that two images of same height and width but only one is visible at first ! When we scroll down, slowly the other image starts becoming visible (the other image does not scroll up, we can see some part of the bottom part of the image) Ill say an example. I have one image where we can see numbers (1,2,3) vertically(just an example of an image) and another image which has (a,b,c) inside the image vertically. So at first we can only see 1,2,3 so when we start to scroll the c part of the other image replaces nmber 3 part and slowly moves up !
  8. Thank you so much! I spent like 8 hours trying to find a solution to this ! and finally here I am! Glad I joined greensock!
  9. Actually I dont want the text to like go down ! it should stay right there and just fade out and new text should come up at the same position as previously!
  10. Hey guys ! I wanted to build a component where when we scroll text fades out and new text fades in .I am able to do this for two elements but I dont seem to understand when we have to apply the animation for the second text to fade out and a third text to fade in .(an example would be like in apple airpods website where new text fades in and out when we scrolll).I hope I get some help! This is what I have so far ,I actually saw this code in youtube and edited it! I just want the hi also to dissappear when we scroll and new text say something else also appear!