Загрузка...

Create Sticky image zoom scroll using React JS and GSAP. 🚀🔥

Hi guys, I'm back with new video scroll effect. when user scroll the page, it will show the image scale-up as you scroll and text pop-up as well. I used GSAP for this sticky scroll animation. you can name the animation whatever you want, I just named it based on what happen to the image when I scroll.
enjoy the video ✌️.

🖥️ STACK :
- React JS
- Tailwind CSS
- GSAP

📁 Repo :
- Let me know in the comment

🕒 Timeline :
0:00 - Intro
0:02 - Result
0:48 - Stack
1:09 - index.css
1:39 - App.tsx (boilerplate)
2:46 - page.tsx (boilerplate)
9:14 - Fix UI
9:44 - page.tsx (apply GSAP)
16:56 - Outro

🎵 Music : - Youtube audio library

#programming #website #animation #frontend #framermotion #gsap

Видео Create Sticky image zoom scroll using React JS and GSAP. 🚀🔥 канала CodeByTheo
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять