Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Interactive Web Design with CSS Animation & Transition
Introduction
Welcome! (1:10)
Course Introduction
Course requirements (1:08)
What you need to get started
Exercice Files (1:07)
CSS Transition Fundamentals
The transition property (2:48)
Browser support and Vendor Prefixes (2:48)
CSS syntax | Transition properties & Vendor prefixes 0:00
CSS Transition demonstrations
Demos overview (0:16)
Blue to red (3:50)
Square to rectangle (3:31)
Square to circle (3:16)
Animatable properties
Challenge - Squeeze page
Challenge overview (0:27)
Challenge instructions
Animating color changes (2:59)
Fading elements in and out (4:19)
Project : portfolio
Project overview (0:57)
Course Materials
Navigation Bar : smooth transition effect (2:55)
Header - Creating a Mouseover Fade Effect (2:05)
About Section - Image Hover Effect (5:13)
The Gallery - Multiple Transition Effects (7:06)
Conclusion (0:30)
Course requirements
Download
Complete and Continue