Becca

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

1 Newbie

About Becca

  • Rank
    Newbie
  1. Becca

    Tween doesn't work on first scroll (ScrollMagic)

    Thanks a lot! I saw that ScrollMagic seems to be abandoned, but I thought it was still a good choice for scroll-related animations (in particular control the animation speed with the speed of scrolling). Is there a better, more modern plugin you would recommend?
  2. Hello, I have a problem with my first ScrollMagic Animation. I would like to fade in the boxes on scrolling down. This works fine except for the first time. When I scroll down for the first time the values like opacity don't "tween", they switch directly from 0 to 1. After that I can scroll up- and down with a working animation. It's like some kind of setting is missing. Do you have an idea what exactly is missing? This is my codepen: Thanks, Becca
  3. Hi, thank you very much. For now, I go with the function-based value, works perfectly. I also tried the 1.20.4 beta, it worked fine with integers, but breaks when decimal numbers are used: TweenMax.js:7033 Error: <stop> attribute offset: Trailing garbage, "36.5.%". Maybe that's an issue... Thanks again, Becca
  4. Thanks! I fixed my code, but there is still no percent suffix while the tween is going on.
  5. Hi there, I am relatively new to gsap so I hope my question isn't too dumb I would like to change the offset values of multiple color-stops in a svg gradient with staggerTo. The problem is, during the tween the percent suffix is missing. According to AttrPlugin Docs it should be possible. When I use the To-Tween, everything works perfectly, but not with staggerTo. Please have a look at my pen. Thanks for any help, Becca