Lessons: 13Length: 1.9 hours
- Overview
- Transcript
2.9 CSS3 Accordions
Believe it or not, it’s possible to create an accordion system using CSS3 that expands and contracts when the accordion items are clicked. It doesn’t have all of the functionality that you might be able to accomplish in JavaScript, but it’s still an amazing feat for CSS.
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
