Animated Hero Section Using GSAP Flip Plugin!
Hello, Good People! It's been an incredible journey, and I want to express my heartfelt gratitude for your unwavering support during this past year. Your patience and encouragement have truly made a difference.
In this long-awaited video, we'll dive into the exciting world of web development, exploring step-by-step how to craft a jaw-dropping animated hero section using GSAP Flip Plugin. And also you also learn how to use VITE for Vanilla JS project. For Styling we'll be using the great tailwind css & SASS.
And we'll learn some js tips and tricks also which will create common function or reusable function. From installation to project completion, I've got you covered!
🔗 Here's the source code: https://github.com/NAYMUR143/gsap-flip
🛠️ Technologies Covered:
1.Vitejs
2.HTML
3.CSS
4.JavaScript
5.GSAP
6.npm
🕰️ Timestamps:
Intro: (00:00)
VITE Installation: (00:37)
Install GSAP & Add Tailwind CSS: (00:58)
Initialize Project: (01:37)
HTML & CSS :(02:14)
Install SASS:(04:24)
HTML & CSS Overview:(05:05)
create reusable function in js:(05:15)
GSAP Animation:(08:01)
GSAP Flip :(09:44)
Animated Content:(13:46)
Final Masterpiece:(16:06)
Outro(08:30)
🔗 Subscribe for NEW VIDEOS and Stay Tuned for More Exciting Tutorials!
Thank you once again for being a part of this incredible journey. Let's continue learning and
growing together! 🌟
____________________________________________________
🎯Contact me to know about my channel and me:
👍LinkedIn: / naymur-rahman
👍Twitter: / naymur_dev
#gsapanimation #gsap #naymurweb
