CSS Animation in the Real World

Cory SimmonsNov 19, 2014Lessons: 10Length: 1.3 hours

CSS Animation jQuery UI Design Stylus SVG

Next lesson playing in 5 seconds

Cancel

CSS Animation in the Real World

Introduction

00:42

When it comes to choosing a CSS animation, you’ve got a world of choice at your fingertips. There are thousands available, but which should you use, and where? This course is about using CSS animations in the real world. You’ll learn practical CSS animation tricks for buttons, navigation elements, scroll events, SVG, and how to apply them to a number of situations you’ll come across every day on the web.

1.Introduction
1 lesson, 00:42

1.1
Introduction
00:42

2.CSS Animation Basics
6 lessons, 1:03:54

2.1
Understanding CSS Animation
11:43

2.2
Enhancing Button Hover States
12:04

2.3
Drop-Down Menus with CSS Animations and JavaScript
10:17

2.4
Animate.css
11:04

2.5
Animating SVGs and Their Parts
08:47

2.6
Animating SVG Paths in Adobe Illustrator
09:59

3.Page Scroll Animations
2 lessons, 15:38

3.1
Animating Based on Scroll Position With WOW.js
05:59

3.2
Scroll Hijacking with OnePage-Scroll.js
09:39

4.Conclusion
1 lesson, 00:29

4.1
Conclusion
00:29

Cory Simmons

Cory created Lost Grid, Jeet, and a few other open-source projects. He's written for TutsPlus, CSS Tricks, .net Magazine, and Packt Publishing; worked for companies such as Scholastic, World Vision Charities, and TeeSpring; and intentionally moved to the middle of nowhere to better understand the sound of a whisper.

CSS Animation in the Real World

Next lesson playing in 5 seconds

CSS Animation in the Real World

Introduction

1.Introduction1 lesson, 00:42

2.CSS Animation Basics6 lessons, 1:03:54

3.Page Scroll Animations2 lessons, 15:38

4.Conclusion1 lesson, 00:29

1.Introduction
1 lesson, 00:42

2.CSS Animation Basics
6 lessons, 1:03:54

3.Page Scroll Animations
2 lessons, 15:38

4.Conclusion
1 lesson, 00:29