Jump to content


  • Posts

  • Joined

  • Last visited

plastois's Achievements



  1. Few month break from work and i forgot about this simple property... Thank you very much, this is exaclty what i was looking for
  2. Hi everyone On the website, I want to make an animation that looks like someone is typing "hello!" after scrolling to that item. But I'm having trouble resizing the page. When someone opens a page on a small device (in the example codepen breakpoint is set to 1000px) and then resizes the screen to bigger (for example by rotating the iPad or simply resizing the browser window), gsap remembers the old width value and "Welcome" are cut in half. Is there an easy solution for this?
  3. Thanks! I totally forgot about functional values! I also put all calculations inside xPercent function instead of onRefresh, it works better
  4. Hello! I searched docs and forums but i can't find answer for my problem. I have ScrollTrigger animation, where xPercent is a variable. I want change it on refresh, like this: gsap.to(".class", { scrollTrigger: { trigger: parent_trigger, pin: true, start: "top top", markers: true, scrub: 1, invalidateOnRefresh: true, snap: { snapTo: 1 / 200, duration: {min: 0.2, max: 0.3}, delay: 0 }, onRefresh: () => { let scroll_width = 100 - ($(window).width()*100 / width); xPercent: -scroll_width }, }, xPercent: -scroll_width, ease: "none", }); Is there any way to archive my goal?
  5. Wow, thank you for such a quick response. This is exactly the solution that I wanted to achieve! I did not think that one TimelineLite can be called twice without overwriting the previous one! For now, I know everything that I need and I am going to take an animation along the SVG path Thank you for this very nice welcome and support. It is not often that such a positive community is found.
  6. It's m first post here so i'd like to say hello. I have been learning to use greensock mostly for banners and it's awesome I wonder if I can set the animation time based on labels instead of duration in seconds. I want the pink box to start to animate on the "startPink" label and end up on the "endPink" label(start with blue boxes and end with yellow) without setting duration in seconds, so that I can freely change the times of the animation or the position of the labels. But there are a few problems that I hope you can help me solve: 1)Is there an option to do this within one timeline? 2) I set delay equal to "labelTimeSTART" time but it start before previous animation ends. Why? I could not find a solution, so I apologize in advance if the solution is in another post. And sorry for the poor English