Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Advanced CSS3 Animations

with

Animating an object on your website can be complex work, and doing more advanced movements using CSS3 can be trickier. Fortunately, Craig Campbell is here to take you through advanced CSS3 animations. 

1× speed

Free Preview: Advanced CSS3 Animations

Introduction

01:26

1.Introduction
1 lesson, 01:26

Free Preview
1.1
Introduction
01:26

2.3D Transitions
2 lessons, 19:55

Free Preview
2.1
A Primer on Transitions
09:50

2.2
3D Transformations
10:05

3.Project 1: 3D Transitions
8 lessons, 55:56

3.1
Filling in the HTML (3D Transitions)
06:35

3.2
Styling the Page
08:36

3.3
Using Perspective in WebKit Browsers
06:13

3.4
Animated 3D Mouseovers
07:06

3.5
Fallback for Non-WebKit Browsers
03:47

3.6
Animating from Beginning to End
08:14

3.7
Animation Properties
09:09

3.8
Adding Keyframes in Between
06:16

4.Project 2: Advanced Looping Animation
7 lessons, 54:11

4.1
Preparing Images for Animation
11:42

4.2
Filling in the HTML
06:45

4.3
Placing Images with CSS
10:27

4.4
Animating the Legs
07:48

4.5
Animating the Body
04:24

4.6
Animating the Tail and Ear
04:47

4.7
Animating the Fences
08:18

5.Conclusion
1 lesson, 01:04

5.1
Final Thoughts
01:04


Preview for Advanced CSS3 Animations
Lessons:
19
Length:
2.2 hours
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.
+ Expand Bio- Collapse Bio