Create Modern Text Scroll Animations 🖱️
https://bit.ly/3O6msWq 👈 Design & code like me. Use "UI2023" for 23% Off!
https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, I'm going to show you a great way to make your websites more interesting with motion -- and that is how to implement various scroll-based text animations. We'll use Lenis for smooth scroll, and greensock to handle the rest.
Lenis:
https://lenis.studiofreight.com/
Greensock:
https://greensock.com
Codepen:
https://codepen.io/designcourse/pen/v...
0:00 - Intro
0:24 - HTML & CSS Overview
2:55 - JavaScript Imports
3:39 - Lenis
4:04 - GreenSock
13:00 - Customizing with Data Attributes
16:17 - fromTo Method
Let's get started!
#javascript #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: / designcoursecom
Join my Discord! / discord
^-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!