Search the Community
Showing results for tags 'cycle stagger'.
Found 4 results
Cycle images using the new GSAP version
sashaikevich posted a topic in GSAPI'd like to rewrite my image cycle animation using GSAP's latest code. It's cleaner, plus I want to attach it to the new ScrollTrigger, and fire the animation when it reaches a certain point on screen, and pause when its not in the viewport. However, I'm having a difficult time getting it to work. I've found examples using the deprecated cycler, and others using some nifty staggers. I got close with my code, but I just can't get rid of the fade (I'd like the active image to just appear without a transition, and have it stay visible for a fraction of a second). Bonus kudos if someone can help the cycle accelerate until a maximum. @swampthang and @OSUblake both seemed to get this to work by adding a timeScale fromTo tween on the timeline itself https://codepen.io/swampthang/pen/dpqyzO and https://codepen.io/osublake/pen/epLjrG. But, is that possible to do if the animation is going to be triggered by the ScrollTrigger?
Unable to change staggerTo to version 3I'm trying to make this codepen example into React. But unable to do it with new version of Gsap and also new to GreenSock's animation. Here is the current React example in sandbox: https://codesandbox.io/s/cool-forest-ddzft?file=/src/drag.js
`cycle` property in .to(), .fromTo() and .from() calls
Tahir Ahmed posted a topic in GSAPHi guys, I was wondering since `.to()`, `.from()` and `.fromTo()` also accept arrays, why is this `cycle` not available for them and only available to `.stagger...()` methods as of 1.18.0? I could definitely use that in other array-based methods e.g. `.set()`.
Cycle functions in GSAP3Hi, In the old syntax, you could pass a function to the cycle property of a stagger. Now that cycle has been replaced with gsap.utils.wrap, I am unclear as to how to achieve the same effect. The comments in the pen explain what i am trying to achieve. Thanks in advance for any help