Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Javascript Animations With GSAP and ScrollMagic
First Section
Introduction To The Course (7:42)
Getting Setup (6:07)
GSAP3 Basics
Getting GSAP Running (7:44)
Creating Tweens with GSAP (7:14)
Using Tween Methods (16:24)
Transformation Properties (13:42)
Tween Special Properties (11:51)
Working with Easing properties (15:20)
Using Stagger (7:39)
Learning To Use Timelines (14:34)
Breaking Down Pro Animations (6:48)
Project 1: Animate Landing Page with GSAP
Landing Page Zip File
Setup For Animating Landing Page (5:39)
Landing Page Part 1 (15:48)
Landing Page Part 2 (22:00)
Landing Page Part 3 (26:24)
Landing Page Part 4 (13:14)
Landing Page Completed Files
Barba.js
Getting Started with Barba JS (7:13)
Basic syntax of barba js (15:00)
Setup Our First Page Transition (13:02)
Build Gallery Page HTML and CSS (15:50)
CSS Hover Effect (9:45)
Working with Views (23:07)
Scrollmagic.js
ScrollMagic Intro (4:07)
HTML & CSS to Learn ScrollMagic (14:29)
Our First Scroll Animation (23:37)
Going over Documentation and Examples (20:21)
Course Conclusion (9:11)
Final Files.zip
Working with Easing properties
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock