Creating Animations with CSS

Lesson 1, Step 1: Introduction

Courses Outline

Free
Introduction
1:47
Why Animate our UI?
2:19
Principals of Animation
3:03
Setting up our Environment
2:18
Why Not Javascript?
2:08
Introduction to Transitions
3:09
Activating Transitions
7:06
Creating Keyframes
7:07
Using Keyframe Animations
13:15
Quiz
Introduction to Timing Functions
2:13
Using Easing and Cubic Bezier Curves
8:06
When to Use Transitions, When to Use Animations
2:26
Multiple Transitions
3:12
Multiple Animations
3:33
Activating Animations on Scroll
3:56
Quiz
Browser Compatibility
5:20
Performance Considerations
4:35
Minimising Distraction and Motion Sickness
3:09
Quiz
Wrap up and next steps
1:05