1.Introduction

3 lessons, 07:12

Free Lesson

1.1

Introduction

00:30

Free Lesson

1.2

CodePen

02:26

1.3

Using External Libraries in CodePen

04:16

2.Animation Refreshers

2 lessons, 15:09

2.1

CSS Animation Refresher

06:21

2.2

jQuery Animation Refresher

08:48

3.Button Animations

12 lessons, 1:53:20

3.1

Styling Your Navigation

11:16

3.2

Simple Button Fades

09:55

3.3

Animating Multiple Properties

06:19

3.4

Before and After

08:53

3.5

Background Swipe

12:31

3.6

Background Swipe Variations

06:28

3.7

Text Scroll

08:54

3.8

Setting Up Your Buttons

09:56

3.9

Expanding Buttons

12:53

3.10

Setting Up 3D Buttons

09:33

3.11

Animating the 3D Buttons

09:55

3.12

Subtle 3D Hover Effect

06:47

4.Image Animations

3 lessons, 25:57

4.1

Basic Image Hover Effects

11:31

4.2

Images and Captions

08:52

4.3

Animating the Images

05:34

5.Other Web Elements

6 lessons, 1:07:16

5.1

Floating Form Labels

06:07

5.2

Animating the Labels

11:03

5.3

Animated Panels

12:02

5.4

Panels and Bullets

13:09

5.5

Styling the Pricing Tables

12:50

5.6

Creative Product Selection

12:05

6.Bonus Projects

3 lessons, 26:43

6.1

Responsive Animation

06:33

6.2

Image Animations

10:29

6.3

CSS Slider

09:41

7.Bonus Projects II

3 lessons, 33:50

7.1

Background Animation

10:01

7.2

Spinning Buttons

09:33

7.3

Submit Button Animation

14:16

8.Conclusion

1 lesson, 00:39

8.1

Final Thoughts

00:39