Jump to content

Volt 22

  • Posts

  • Joined

  • Last visited

About Volt 22

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Volt 22's Achievements

  1. Hello everyone, I want to rotate the rounded text around the oval SVG on scroll. How can I achieve this please. Thank you.
  2. Hello Cassie, Thank you for the swift reply. However, what happens when I scroll down pass the onEnter marker, and not scroll beyond the onLeave marker but then start to scroll upward. The button will already be green, and not revert until I scroll pass the onEnter marker again.
  3. Hello everyone, I have some color change animations in a site, a fixed button on the top right changes color as the background color of the body changes. When the background of the body changes to yellow, the fixed button background changes to green. Also, the navbar with the logo disappears on scroll down and reappears on scrollup, and the navbar has a green background, so on scroll up when the body background is yellow, the navbar has the same color with the button. I do not want to play the color change animation for the button on scroll up at all. Thank you.
  4. Thanks guys, I'll incorporate your suggestions and try to make a demo. I'll revert if I stumbled upon any issues. Thanks again.
  5. Hello everyone, How can I achieve the effect on this webpage - https://www.beyond-beauty.co/story/the-revolution-of-desire? Where the sound syncs with the transcript, and the opacity of the words change as they are said. I know I'll need SplitText to highlight the words individually, but how can I sync the sound to the words that have been said? Thank you.
  6. Hello everyone, How do I achieve something like what is on the codepen above with the svg lines on scroll on the second section of this website - https://beebeenatural.webflow.io/, I'm not even sure how to properly position the curved path of the svg line behind the jars. Please help.
  7. I was trying to create a minimal demo but I couldn't replicate the issue. However, I managed to solve the problem, I just made the container of the pinned element the pinSpacer. Thank you @Cassie and @GSAP Helper
  8. Sorry I didn't include any demo, it's a live site, and I'm not sure how to replicate the issue.
  9. Hello everyone, On the site - https://www.voltmeup.com/, I have a section with a grid with the header on the left pinned to the top of the viewport, and content scrolling on the right. Without pinSpacing, there seems to be some issues with the sections following, the next section contains a background video, and is supposed to be pinned to the top of the viewport as well, but it doesn't get all the way to the top before it is pinned, and the footer gets cut off as well. But with pinSpacing enabled, there is too much whitespace below the section in question, however, everything else looks fine. How do I get rid of this whitespace caused by pinSpacing.
  10. Hello everyone, I want to replicate the effect on the sites https://dashdigital.studio/, https://joinclyde.com/ where the footer is pinned at the end, and the previous sections scroll to reveal it. Similar to this pen - https://codepen.io/GreenSock/pen/BaowPwo?editors=0010 but not for each section. It seems the rest of the site is in one wrapper and the footer is in a different wrapper. How do I translate this fore wrapper to reveal the footer behind. I'm using gsap scrollsmoother.
  11. Thanks for the reply Jack. The motion I want is similar to what is on this pen but vertical. https://codepen.io/GreenSock/pen/oNNEdRV On scroll up, I want the cards to all scroll towards the right in a staggered fashion, and then towards the left in the same fashion once they each hit the right end of the container.