Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

ZachSaucier last won the day on March 16

ZachSaucier had the most liked content!


  • Content Count

  • Joined

  • Last visited

  • Days Won


ZachSaucier last won the day on March 16

ZachSaucier had the most liked content!

Community Reputation

6,874 Superhero

About ZachSaucier

  • Rank
    Advanced Member

Profile Information

  • Gender
  • Location
  • Interests
    Frontend development, soccer, board games, theology

Recent Profile Visitors

10,082 profile views
  1. It sounds like you're looking for GSAP's staggers. If you need more customization, use a functional value for the delay property.
  2. No, there's no client-side authentication for GSAP files. Currently your site is giving a 404 for the DrawSVG file (the current URL it's looking at is /ektest/content/gsap-simply-green/esm/DrawSVGPlugin.js which I found using the Network tab in the dev tools). I'm guessing the path is wrong. But you also want to be using the minified, non-modules version, not the ESM version as Jack said.
  3. Hey @Akunin and welcome to the GreenSock forums. Please create a minimal demo of the issue and create a new thread about your issue like this thread covers:
  4. This came up on StackOverflow. Here's another version of Blake's pen which might be helpful for future readers: https://codepen.io/ZachSaucier/pen/gOWGKQZ
  5. Hey joaooliva and welcome to the GreenSock forums. Have you gotten what you wanted working in a minimal form first? If so, then the issue is just converting it to Webflow. If not, please try to make a minimal demo first If you still have a question let us know.
  6. Hey informanimated and welcome to the GreenSock forums. You'd need to position it so that one copy is to the left of the viewport instead of to the right, making sure that the wrapping is happening for the updated positioning. You'd also need to change the sign of the x value in the animation.
  7. Hey Eli. It sounds like you're wanting something like this: Perhaps there's a more recent thread about the same subject - I haven't been following these forums very closely the last few months @Cassie or @GreenSock has there been any public update related to this subject?
  8. Hey Figar. Those effects are created using custom WebGL GLSL shaders. It's not the most simple thing to write one yourself but you can find a lot of existing effects on sites like Codrops. This article about mixing WebGL with regular webpage content might help as well.
  9. Creating that effect should be pretty straightforward with the Text plugin
  10. Hey @vsiege. Please send member inquiries to info@greensock.com or reach out via our contact page
  11. Hey Stepheno and welcome to the GreenSock forums. The exact transition from up above isn't the most trivial with the Flip plugin because 3D transforms aren't directly supported by the Flip plugin (as stated in the docs for it). With that being said, Flip can handle the sizing and positioning changes for you and you could hook into the onStart callback to fire off a rotation animation as well.
  12. Someone else may be able to better explain why setting the duration of the timeline doesn't work well, but usually for things like this I add a dummy tween: https://codesandbox.io/s/gsap-scrolll-forked-37lbi?file=/src/App.js Side note: you don't needs quotes around the scale value.
  13. @PointC I completely forgot about the CSS wrapper, haha.
  14. @Cassie has started a how NOT to use GSAP "competition". We'd love to see more participants! Here's mine: