Level up

your CSS animation skills

A practical video course

  Enroll in Course

You know your transitions from your keyframes, but do you know how to apply them to a real project?

This course will give you the practical hands-on experience you need to go out and sell your animation skills as a front-end designer or developer. Over several hours of step-by-step tutorials, together we’ll build an animated landing page and learn how animation can bring it to life.

This is a practical course full of real downloadable code examples. You'll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.

Learn by doing

Most courses concentrate only on the theory. In this course we’ll create a practical example landing page, step by step. Over 6 modules of practical, hands-on lessons, we’ll create real examples of animation you can use on your own projects.


CSS Animation 101 was the perfect primer for anyone who’s looking to add animations to their websites. It was the perfect balance of theory and practical examples and I recommend it highly.

Andrew Clarke, Author of Hardboiled Web Design

Who this course is for

This course is for designers and developers ready to move their CSS animation knowledge to the next level. If you know a bit about transitions and animations in theory, this course will get you ready to apply this knowledge to practical projects.

What you get

Enroll now to get:

  • Lifetime access to all video lessons, including new content currently being created
  • Module cheat sheets and summaries
  • Downloadable code examples you can use on your own projects
  • Help and support on our exclusive CSS Animation Slack channel

Pre-launch price

Be an early supporter of this course and save! The final price will be $240, once all the content is finished.

Be a part of the creative process

You'll get an invite to our exclusive Slack channel where you'll get updates and a chance to be part of the course creation process.

Class Curriculum


  Module 5: Adjusting animations for all screen sizes
Available in days
days after you enroll
  Module 6: Putting it all together
Available in days
days after you enroll

Get started now!





How this course is being released

The modules in this course will be released as soon as they're finished. The first three modules are available right now (over 3 1/2 hours of lessons!), and there's lots more on the way.

By enrolling you get lifetime access to all current and new video content as it is created.

Enrol now to make the most of the special pre-launch discount.

Modules created so far...

With 4 modules live, you'll find over 3.5 hours of video tutorials already. I'm working on module 5 right now! By enrolling now you get access not only to the content produced so far, but all future content as well.

By being a pre-launch supporter you'll have a say in the content of the course as it's produced.

  • 1

    Hero Headers

    Build an impressive animated hero header to show off your brand

  • 2

    Interactions

    Make our designs come to life with touch and hover interaction animations

  • 3

    Scrolling

    Get our visitor’s attention with scroll animations and parallax effects

  • 4

    Carousels

    Build an interactive animated carousel to show off your content

  • 5 Coming soon!

    Responsive animations

    Making our animations scale between small phones and large screens

  • 6 Coming soon!

    Putting it together

    Getting ready for going live, structung our CSS using Sass and Modernizr

Your Instructor


Donovan Hutchinson
Donovan Hutchinson

Donovan Hutchinson has been creating web pages and apps for clients for over 20 years. He is the creator of CSSAnimation.rocks, has published several courses including "CSS Animation 101" and "Animating with CSS". He also loves to share tutorials and been published in Net Magazine, Smashing Magazine, Adobe Inspire, Modern Web and more.


Frequently Asked Questions


What is this course about?
This is a self-paced course where you'll learn how to apply CSS animations to a practical real-life project. It also includes tips and advice on how to prepare front-end animations for production as well as downloads of templates and starting packs.
What is this course NOT about?
This course assumes some knowledge of CSS and HTML. While I'll try to explain things as I go along, it will help if you're familiar with the process of building a website. If you'd like an introduction to CSS animation, I recommend my CSS Animation 101 email course.
When does the course start and finish?
The course starts on March 1st, 2017 and never ends! (Sign up now to get the special Early-Bird price!) It is a completely self-paced online course - you decide when you start and when you finish.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.