Chapter One - Introduction to Animations
Chapter Two - Pop Up Cookie Animation
Chapter Three - Animating Text
Chapter Four - Micro Animations With SVGs
Chapter Five - Form Animation
-
Forms Starter Files
-
1. Forms Intro (1:16)
-
2. Setting Up The Form (3:34)
-
3. Form HTML (12:33)
-
4. Styling Form (20:26)
-
5. Elastic Effect (14:55)
-
6. Placeholder Jump (4:33)
-
7. Reverting Back (3:30)
-
8. Validation Checks (8:58)
-
9. Animating Checkbox (15:28)
-
10. Animating Our Character (8:37)
-
11. Animating Wave Goodbye (7:31)
-
12. Mobile Friendly Form (5:00)
-
Forms Finished Files
Chapter Six - Page Transitions
-
Page Transitions Starter Files
-
1. Intro to Page Transitions (0:57)
-
2. Getting Our Page Ready (13:09)
-
3. Styling Handbag Page (13:26)
-
4. Adding Our Other Pages (5:30)
-
5. Adding Barba JS (5:30)
-
6. Basic Transitions (8:24)
-
7. Refactoring Our Leave Animation (9:50)
-
8. Adding Enter Animation (4:29)
-
9. Fixing Weird Quirks (8:53)
-
10. Creating Our Product Page (10:33)
-
11. Product Transition (10:51)
-
12. Mobile Optimization (9:08)
-
Page Transitions Completed Files
Chapter Seven - The Ultimate Animated Website
-
Final Project Starter Files
-
1.Final Project Intro (1:44)
-
2. Getting Our Files Ready (3:05)
-
3. Front Page (18:08)
-
4. Smoke Page (9:20)
-
5. Phone Split Page (10:25)
-
6. Carousel Page (18:50)
-
7. Product Page (11:48)
-
8. Final Page (14:06)
-
9. ScrollTrigger Introduction (5:18)
-
10. Pinning and Animation on Scroll (8:26)
-
11. Split iPhones (6:21)
-
12. Carousel (11:01)
-
13. Video Scroll Animation (5:47)
-
14. Parallax Effect (5:04)
-
15. Optional - Making The Blender Animation (16:42)
-
Final Project Completed Files
