Jump to content


  • Posts

  • Joined

  • Last visited

ShesADev's Achievements



  1. Apologies for resurrecting this thread after 3 years, but I'm wondering how this would be implemented with gsap3. I've tried to adapt it with the following code: gsap.to("li",{duration: 2.5, autoAlpha:1, repeat: -1, stagger:5}) but I keep getting the li's to layer on top of each other. I'd like it to fade in and out like your example.
  2. Looks like I was overcomplicating it. Haha thanks!
  3. Hi, I'm looking for help regarding scroll trigger and items positioned fixed within a pinned section. I'm having an issue where I have a modal that needs to stay in window view once it's open, but it looks like it's being positioned relative to its pinned parent and I'm able to continue scrolling as normal. Hoping someone would be able to help me out!
  4. @elegantseagulls Never knew how in depth you could do animations in Vue, great article. Thanks for this!
  5. @ZachSaucier Hmm, you're right. I'll try and get help with Vue. I declared refs in my template - even if I change it to explicitly reference the article by class name, it doesn't seem to work. Actually, on initial load, none of the animations work, it's only when i make a change to the pen and it reloads that the animation on the images start working. I'll be sure to create a post on Vue forums for help on this issue. Thanks for your help!
  6. @ZachSaucier Thanks for responding! I seem to get the same result as before if I put it in the axios callback. The images that I added manually are animating fine, but the articles themselves don't look like they're animating.
  7. I'm trying to add a little parallax effect to the articles I add into my project from contentful. Even after using `this.nextTick`, it seems like the articles are loading in after the timeline initializes. Can someone help me with getting the dynamic elements to load before the timeline? I don't want to move my gsap to the updated() lifecycle hook, since that seems unnecessarily heavy.