Lessons: 13Length: 1.9 hours
- Overview
- Transcript
2.10 Automatic Animations
Up to this point, all of our CSS3 animations have made use of the “transition” property, which allows us to create animations in response to events like mouse hovers and clicks. In this video, we’ll switch over to the “animation” property to create animations that run by default as soon as the browser loads your web page.
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
