tnavarra
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by tnavarra
-
-
hi,
The codepen attached has the desired effect once you start scrolling. What I can't seem to figure out is how to make the paragraphs that are in view when you land on the page stagger on instead of all animating at once. I was able to make the paragraphs animate in a stagger but then the entering into view when scroll effect is lost if you wait too long to scroll. I tried playing with .batch() but was hopelessly lost. Any help is appreciated!
See the Pen BajZeOw?editors=1010 by tnavarra (@tnavarra) on CodePen
-
Thank you!!! That's perfect. I was honestly surprised it worked the first time, so that makes sense.
-
hi Zach, thanks for the reply! Sorry for not being clear enough, I was hoping it would jump out. I've cleared/reset all the values to my knowledge, hence my confusion. There are 2 sets of tweens in particular that are different on repeat, in the code pen its lines 46/47 and 49/50. If you watch all 5 tiles move around (so masterTl plays once) the transition with the #2 grows/slides/shrinks across the width the of grid nicely. On the second repeat of the masterTl it appears to flicker/jerk. I'm assuming it has to do with the left/right values but I've checked and they are the same as when the first play of the masterTl starts. I realize what I'm trying to do is a bit involved, unfortunately I can't use scaleX/Y and transformX/Y due to needing the inner content to flow.
-
hi, I've linked to my codepen as it's a bit complicated to explain. It's basically a set of shifting "tiles", I figured out how to make it continuous and it's working great until the timeline repeats itself . If you watch after all 5 tiles have moved around and the timeline repeats itself a couple of the transitions don't behave the same as they do the first time the master timeline plays. Any help is appreciated!
-
I'm a relative newbie to GSAP, so this maybe a simple problem but I can't seem to figure it out. I have a ball coming into the frame on one bezier/motion path which is working as expected. However, the next transition for it to go out of the frame has the curve going down instead of up. See the attached image for how I want the paths to work (how they look in flash). The second path works as expected when it is not following the first path. Can someone please explain what I'm missing? I put together a codepen.
See the Pen ONdypp?editors=0010 by tnavarra (@tnavarra) on CodePen
scrollTrigger and staggered paragraph animation help
in GSAP
Posted
thank you so much! I was going to be happy with just the paragraphs, but having the option for line by line is even better, the AD will love that