Level up

your CSS animation skills

A practical video course

  Enroll in Course

Sign up now and get this course for just $100
(Usual price $240, offer expires soon)

We know the theory. We know about transitions and keyframes, but how do we apply this knowledge to a real project?

Join me for a series of lessons where we’ll build an animated landing page, step by step.

This is a practical course full of real downloadable code examples. Bring what you learn to your own work.

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.

Preview video

Module 1 is set to land later this week! In the meantime, here's a preview of lesson 2, "Introducing the titles".


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.

Class Curriculum


  Module 2: Make our designs feel alive with touch and hover animations [In progress - aiming for late March]
Available in days
days after you enroll
  Module 3: Trigger custom animations when scrolling
Available in days
days after you enroll
  Module 4: Use animation to grab our visitor's attention
Available in days
days after you enroll
  Module 5: Build an animated content carousel
Available in days
days after you enroll
  Module 6: Putting it all together
Available in days
days after you enroll

What you get

Enrol now to get:

  • Lifetime access to all video lessons, including modules added to this course in future
  • Module cheat sheets and summaries
  • Downloadable code examples, and templates you can use on your own projects
  • Membership of the exclusive CSS Animation Slack channel
  • Your very own CSS Animation Rocks sticker!

And, if you sign up for the Agencies package, you get:

  • 2 hours of face-to-face feedback, helping you make the most of your new animation skills
  • Support on the CSS Animation Slack channel for your entire team



How this course is being released

The modules in this course will be released as soon as they're finished. Module 1 is ready to go, and I'm working to bring you Module 2 right now!

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 super-early bird discount.

Get started now!



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.