Overview
Learn how to implement engaging scroll-based text animations to enhance website interactivity. Explore the use of Lenis for smooth scrolling and GreenSock for animation handling. Begin with an overview of HTML and CSS structure, then dive into JavaScript imports. Set up Lenis for improved scrolling experience and leverage GreenSock's powerful animation capabilities. Customize animations using data attributes and master the fromTo method for precise control. Follow along with provided code examples and resources to create modern, eye-catching text scroll animations that will elevate your web design skills.
Syllabus
- Intro
- HTML & CSS Overview
- JavaScript Imports
- Lenis
- GreenSock
- Customizing with Data Attributes
- fromTo Method
Taught by
DesignCourse