Lessons: 13Length: 1.9 hours
- Overview
- Transcript
2.11 Animation Keyframes
The @keyframes rule in CSS3 allows us to create any number of keyframes for our animation. In this lesson, we’ll discuss how to use keyframes to animate an airplane up and down in our banner.
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
