How to create a Landing Page Text Animation with GSAP

Опубликовано: 04 Ноябрь 2024
на канале: CodeIT
1,557
47

In this video, I showed you how can you create an awesome text animation using GSAP. It looks very cool and yet is very simple to create and can be used at multiple places but my personal favorite place to add it is on the loading screen or on the landing page to create the first impact on the users so that they can stick with our websites.

🔗 Links used in the website:
1. Split Type CDN: https://github.com/lukePeavey/SplitType
2. GSAP CDN: https://cdnjs.com/libraries/gsap
3. GSAP docs: https://greensock.com/docs/

📝 Sourcecode:
https://codepen.io/aniketkr/pen/jOxpoYb

📺 Must watch videos 🤩
▶ Top Visual Studio Code extensions:    • Top visual studio code extensions the...  
▶ Underline CSS Hover effect:    • Cool underline CSS hover effect 😎. ||...  
▶ Reveal Elements on scroll:    • Reveal elements on scroll using pure ...  
▶ Parallax effects:    • Parallax Effects  
▶ Pure vanilla JavaScript projects:    • Pure vanilla JavaScript projects  

🌎 Find me on:-
GitHub:- https://github.com/ani-24
Codepen:- http://codepen.io/codeit-ani

###############################################################

Thanks for watching the video, make sure you are subscribed to my channel and press the bell icon so that you don't miss any of our videos.

Subscribe to my channel:
   / @codeityt  

Also, share the videos with those who need them.