Search the Community
Showing results for tags 'wrapping'.
Found 1 result
-
Wrap elements in a section with ease on each step consisting of y: element.height
Moonfleet posted a topic in GSAP
Hi. This is my first post here. I got stuck working on an animation with brief like this: Actually I have just problem with the wrapping. If I move box in y axis value of boxHeight and do repeat refresh it overrides modifiers: const sectionHeight = gsap.getProperty('section', 'height'); const boxSize = sectionHeight/elements.length; gsap.set('.box', {y: sectionHeight, x: 200, height: boxSize, width: boxSize}); gsap.to('.box', { repeatDelay: 1, y: '-=' + (boxSize), duration: 1, repeat: -1, ease: "none", repeatRefresh: true, modifiers: { x: gsap.utils.unitize(y => parseFloat(y) + (sectionHeight - boxSize)) } Can I do this with modifiers alone so that I got move theme above section and got stop/delay between each step of 'y: boxSize'. https://codepen.io/olivetum-the-sans/details/zYgNyjX