Hi. The SVG and demo originated from a GreenSock demo. However, I use BoxySVG for 90% of my svg work these days: th-cam.com/video/FBap_AMv7cM/w-d-xo.html
Thanks for watching. Yes, GSAP is free but they have some paid plugins. You can learn a ton in my free beginner's course: www.creativecodingclub.com/courses/FreeGSAP3Express GSAP's licesnsing is described here: gsap.com/licensing/
Thx for watching. I don't use webflow. Web Bae @webbae is the best source of info for GSAP + Webflow. He has a great channel and you can find him on X too: www.youtube.com/@webbae
thanks for watching. you can set once:true as described in the ScrollTrigger docs: gsap.com/docs/v3/Plugins/ScrollTrigger/#config-object It's a great feature!
@@snorklTV , thanks for your answer, but this method only works when the animation is finished, I need it to only go down, not up, when it goes up it goes back to the original value, can I get a codepen example from you?
@@ДурсунБадалов you can use this demo from my ScrollTrigger Express course. codepen.io/snorkltv/pen/zYPexrO Notice that the reading progress bar (red) only progresses when you scroll down. You can apply the same technique to control the progress() of any animation. If you want to see it again re-run the demo. Hope this helps. I have a fully detailed video explaining how all it works if you need more help inside the course at www.creativecodingclub.com/courses/scrolltrigger-express
can anyone help me with how to implement this in my react project please
How did you made those text & svg? Is thst using figma or illustrator? 3:17
Hi. The SVG and demo originated from a GreenSock demo. However, I use BoxySVG for 90% of my svg work these days: th-cam.com/video/FBap_AMv7cM/w-d-xo.html
very nice video bro thanks a lot )
Glad you liked it. Thx for watching.
I didn't understand two things
1) all the .to and .from
2) if gsap is free... And if not 💀
Thanks for watching. Yes, GSAP is free but they have some paid plugins. You can learn a ton in my free beginner's course: www.creativecodingclub.com/courses/FreeGSAP3Express GSAP's licesnsing is described here: gsap.com/licensing/
hello why do i get a warning when i use it on my browser
I don’t know what the error is. What does it say?
How can i use this code in the elementor page builder?
Thanks for the excellent video!
Thank you very much for this
You’re welcome. Glad you enjoyed it
I'm a begineer in Creating GSAP, How can I add this animation to my existing project in React ?
Thx for watching. I don’t use or teach anything about react.
It is a paid plugin.
You would need to pay 100 USD a year to use this hahahahaha
Crazy, right?
@@henriqueb5637 How is it paid if I can use it on codepen??
Cool!
Is there any way at all I can integrate this in Webflow please...?
Thx for watching. I don't use webflow. Web Bae @webbae is the best source of info for GSAP + Webflow. He has a great channel and you can find him on X too: www.youtube.com/@webbae
Thanks a lot for the help :) @@snorklTV
How to do once animation? I want the animation not to come back when scrolling up, how to do it?
thanks for watching. you can set once:true as described in the ScrollTrigger docs: gsap.com/docs/v3/Plugins/ScrollTrigger/#config-object It's a great feature!
@@snorklTV , thanks for your answer, but this method only works when the animation is finished, I need it to only go down, not up, when it goes up it goes back to the original value, can I get a codepen example from you?
@@ДурсунБадалов you can use this demo from my ScrollTrigger Express course.
codepen.io/snorkltv/pen/zYPexrO
Notice that the reading progress bar (red) only progresses when you scroll down. You can apply the same technique to control the progress() of any animation. If you want to see it again re-run the demo. Hope this helps. I have a fully detailed video explaining how all it works if you need more help inside the course at www.creativecodingclub.com/courses/scrolltrigger-express
@@snorklTV , thanks a million!
Amazing, thank you for the video 🍺
Glad you enjoyed it!
Great video!
Thanks teacher
👍