Lessons: 13Length: 1.9 hours
- Overview
- Transcript
2.3 Timing Functions
Many animations look stiff and uninteresting without some kind of easing applied to them. In this lesson, we’ll discuss how to ease in and out of animations using timing functions.
1.Welcome
1.1Introduction02:36
1.1
Introduction
02:36
2.Animating with CSS3
2.1CSS Transitions11:15
2.1
CSS Transitions
11:15
2.2Vendor Prefixes03:19
2.2
Vendor Prefixes
03:19
2.3Timing Functions08:58
2.3
Timing Functions
08:58
2.4Multiple Transitions05:48
2.4
Multiple Transitions
05:48
2.5Transition Shorthand04:27
2.5
Transition Shorthand
04:27
2.6Animating Rotation11:00
2.6
Animating Rotation
11:00
2.7Transition Delays13:02
2.7
Transition Delays
13:02
2.8Finishing the Button Animation12:45
2.8
Finishing the Button Animation
12:45
2.9CSS3 Accordions10:46
2.9
CSS3 Accordions
10:46
2.10Automatic Animations16:10
2.10
Automatic Animations
16:10
2.11Animation Keyframes12:44
2.11
Animation Keyframes
12:44
3.Finishing Up
3.1Final Thoughts00:57
3.1
Final Thoughts
00:57
