Watch Text Come Alive With Scroll-Triggered Animation (ScrollTrigger)

Learn how to create stunning scroll-triggered marquee text animations with dynamic font effects using HTML, CSS, JavaScript, GSAP and ScrollTrigger!
Source Code: codegrid.gumro...
Inspiration ▸ Awwwards Element from Decathlon
Website: decathlon-wlkr...
Instagram: / codegridweb
Twitter: / codegridweb
Public Discord: / discord
Music from Epidemic Sound.
Thanks for watching!

[@thetechsolutions4420]

Wake up bae codegrid posted

[@codegrid]

Haha! ❤️

[@basilistigris640]

best design lessons for html css javascript i find on all youtube until now, Codegrid you rock!!

[@codegrid]

Thanks! ❤️

[@k40L1n]

I dont code anymore, but still come to visit your videos. Love your explanations.

[@codegrid]

Glad you like them!

[@julianvelez6563]

Awesome work bro ❤❤❤

[@codegrid]

Thank bro

[@giorgiadiserafino]

thanks for making me happy

[@codegrid]

🙏🏽🙏🏽🙏🏽

[@norah8201]

Amazing work

[@codegrid]

Thanks!

[@makadiyahardik8862]

Awesome work ❤

[@codegrid]

Thanks

[@andrejkling3886]

Self-transcendence… 🔥💯🔥

[@codegrid]

🧪

[@DanielHDme]

dude i love you so much thanks

[@codegrid]

❤️

[@irfansaeedkhan7242]

just wow

[@codegrid]

🙌🏼

[@mhdhasham2754]

bro you are amazing, can u recreate the first part of website? it has always intrigued me but I've no idea how to achieve it

[@codegrid]

Look at the recent Lottie (from video) + ScrollTrigger video. I’d take that approach.

[@mhdhasham2754]

@@codegrid talking about this one?
Scroll Animation With GSAP ScrollTrigger | Lottie Scroll Animation | HTML, CSS & JavaScript

[@hemantkumarnirmalkar2868]

Where you learn all this please share some resources. Awesome project 🎉

[@codegrid]

GSAP documentation and forum? But I think it isn’t about that. It’s more about the approach. Whenever you split any experience into small parts and start tackling one by one, you will see how often it’s easier than we think.

[@thelankyjo]

If code grid post, I am happy 😂😂.

[@codegrid]

😅🙌🏼

[@ApurvaKashyap-kj6qz]

hey , thankyou for such amazing tutorials ... also I want to request u to create tutorial on the video play with scroll amount as in this website it was with the shoe video above that text effect .. better if in reactJs

[@Sardar-l5u]

bruh ur really awesome, can u make tutorial video on three.js and gsap animation clearly, i know ur video will help to learn gsap but i need to do create some stuffs by own.

[@abishek1808]

Awesome dudee🔥🔥 but expecting react videos

[@codegrid]

I tried posting a few but looked like not many people were interested in it so I dropped the idea

[@shahrozahmed9746]

@@codegrid why not both?

[@codegrid]

Costs engagement.

[@titosk3]

Awesome!! Where did you get those pictures?

[@codegrid]

Unsplash

[@NomanAli-zd1bn]

Brother there is a web site Minhpham can you make some of his effect like mask revel text please

[@codegrid]

I might just rebuild the entire website

[@NomanAli-zd1bn]

@@codegrid it would be great please I saw some tutorials on one hover animation but I don't use react of next js that's why it is hard for me to understand waiting

[@khalidsalah-9940]

can enybody help me with the fontWeight effect, it's not working for me
thank you for the video Codegrid.

[@farid-game]

I implemented this, but scrolling is laggy. why that happened?

[@codegrid]

Maybe the device you’re using isn’t efficient enough to handle/render those animation frames

[@farid-game]

@@codegrid I'm using MacOS (MacBook Pro M1) with 8GB Ram.

[@trilochanbehera8318]

Teach us full side bro

[@codegrid]

You mean full site?

[@trilochanbehera8318]

@@codegrid ji bhaya ji

[@trilochanbehera8318]

Bhut meherbani ho jayegi

[@rubenzafratraver6819]

@@codegrid yeah please!!! I guess they are using useScroll from framer motion or something to animate the frames and have the background as video?