Learn to create impressive animations using JavaScript and the GSAP library in this 31-minute tutorial. Explore techniques for sequencing complex animations with TimelineLite, benefiting from cross-browser support and high performance. Master animating basic CSS properties, morphing shapes, and animating lines. Gain hands-on experience by building a portfolio website with animated elements, including cover images, navigation, and various styling effects. Follow step-by-step instructions to implement Tween animations, multiple animations, delayed animations, reverse animations, and learn how to prevent unwanted animations.
Overview
Syllabus
Intro
Getting Started
Portfolio
Image
HTML
Cover
Nav
Position
Display Flex
Styling
Space
Width
Opacity
Start Animation
Tween Animation
Multiple Animations
Delay Animations
From Animations
Reverse Animation
Prevent Animation
Taught by
developedbyed