EASY to add Animation to any Site! | #Teamseas website animation using GSAP



Go to https://TeamSeas.org to donate!
$1 === 1lbs of trash collected!!

@MrBeast reached out to YouTubers to help him with his next challenge.

2 years ago he raised $20M to plant 20M trees with TeamTrees. And he couldn’t do that without help.

For his next challenge, he created an unlisted, secret video that has been passed around through the YouTube creator community for the past 2 weeks, asking for our help.

Today, it’s all about our Seas. He needs our help to raise $30M to get rid of 30M pounds of trash from our oceans.

$1 donated === 1 pound of trash removed from our waters. 100% of the proceeds will be used to clean up the trash.

If you have the means, go to https://teamseas.org to help out.

In this video, I’ll show you how to easily add animations to the Teamseas website using GSAP.

📚 Resources
GitHub Repo: https://github.com/codeSTACKr/teamseas
GSAP Cheatsheet: https://greensock.com/cheatsheet/
_____________________________________

🦸 Become A VS Code SuperHero Today: https://vsCodeHero.com
🧑🏾‍🤝‍🧑🏽 Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
_____________________________________

🛠️ Tools I use:
🟠 codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________

⏱️ Timestamps ⏱️
00:00 – Intro
01:20 – Download Source Code
01:30 – Wave SVGs
02:14 – GSAP Animations
02:26 – Animate Waves
03:43 – Animate Clouds
04:17 – Animate Birds
04:32 – Animate Fish
05:26 – Animate Turtle
06:15 – Full Animation
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

👀 Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

🌐 Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#MrBeast #codeSTACKr

source