Scroll Animation with Gsap ScrollTrigger and ScrollSpy | Gsap Tutorial | Creative Frontend Tutorial

Published: 06 November 2023
on channel: Frontzinga

2,438

👍 SUBSCRIBE https://tinyurl.com/bvptz2dv and don't forget to comment and rate, sharing would be great as well ;)
🖖 Project repo: it will be available with the next video tutorial.

In this video we are going to develop a portfolio website using Gsap Scroll Trigger to make wonderful scroll animation combined with a scroll spy anchors menu links.

TABLE OF CONTENT
00:00:00 Project overview
00:00:41 Markup structure
00:03:03 Mobile styles
00:06:54 Desktop styles
00:09:54 ScrollTrigger animation
00:12:46 ScrollSpy anchor menu
00:14:16 Final result

RESOURCES
Texts: use chat gpt as well ;)
Vegeta image: https://tinyurl.com/5n98hxwf
Google font used: https://fonts.google.com/specimen/Wor...
Gsap libs: https://gsap.com/docs/v3/Installation/

#gsap #scrollTrigger #scrollSpy

🦾 Frontzinga wants to make frontend development amazing and inspired like mecha design.

On this page of the site you can watch the video online Scroll Animation with Gsap ScrollTrigger and ScrollSpy | Gsap Tutorial | Creative Frontend Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Frontzinga 06 November 2023, share the link with friends and acquaintances, this video has already been watched 2,438 times on youtube and it was liked by 90 viewers. Enjoy your viewing!