Video Description
In this CSS3 Transformations And Animations training course, expert Craig Buckler introduces you to rotating, skewing, scaling and mirroring elements in 2D and 3D space, and then combining them to create animated sequences. This course is designed for users that already have a fundamental understanding of HTML5 and CSS3.
Craig begins this video tutorial with an examination of 2D transformation techniques Topics that he covers include; translations, scaling, rotations and skewing. Once you have grasped these fundamental transformations, Craig takes you to the next level with 3D transformations. As you continue through this video training course, you cover transitions and full-out animations. You will learn how to create keyframes, and practice what you learn by working through real animation examples with the author.
Once you have completed all the lessons for this CSS Transformations and Animations video based training course you will have a solid grasp on the techniques required to create your own spectacular animations. The author has included extensive working files to allow you to follow along throughout the lessons.
Table of Contents
-
Getting Started
- What You Will Learn 00:03:44
- What You Need to Know 00:04:04
- CSS3 Versus JavaScript 00:02:46
- Software Requirements 00:06:34
-
2D Transformations
- Translations 00:03:22
- Scaling 00:01:54
- Rotations 00:00:52
- Skewing 00:01:12
- Origins 00:01:21
- Multiple Transformations And Matrices 00:02:40
-
3D Transformations
- The Third Dimension 00:07:02
- The Z-Axis 00:02:18
-
Transitions
- CSS3 Transitions 00:05:03
- Properties, Durations, Timings And Delays 00:04:58
- Advanced Transitions 00:05:44
-
Animations
- What Are CSS3 Animations 00:02:39
- Animation Keyframes 00:02:24
- Animation Properties 00:04:13
- Advanced Animation And JavaScript Events 00:03:24
-
Animation Examples
- Blurred Links 00:02:43
- Better Buttons 00:01:37
- Tooltips 00:02:29
- Loading Icon 00:02:28
- Accordion 00:03:13
- Sliding 3D Menu 00:03:11
- Star Wars Scrolling Titles 00:03:27
-
Further Resources
- Development Tools 00:02:57
- Online Resources 00:01:35
-
About The Author
- About Craig Buckler 00:01:51