Create an Awesome Text Reveal Animation with GSAP

https://bit.ly/3C0mbOq 👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to show you how to create a cool little text reveal animation that utilizes CSS clip-path, GSAP and a little JavaScript library called Split Type.

Demo: https://codepen.io/designcourse/pen/RwyMePX

0:00 - Introduction
0:54 - Learn UI/UX Today
1:40 - Project Setup
2:18 - HTML and Initial CSS
4:28 - Integrating GSAP & Split Type
6:54 - GSAP JS Code
10:23 - Finishing up
12:37 - Final Project
13:23 - Conclusion

https://greensock.com/
https://www.npmjs.com/package/split-type

Let's get started!

#gsap #animation #frontend

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!