Level up

your CSS animation skills

Course has moved here

SORRY FOLKS! I've moved away from the Teachable platform, and hosting my course on Udemy now. You can find the course here with a discount -> Level up your CSS animation skills!

You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You're already creating websites but you want to take your knowledge to the next level.

This is the course for you. As a web site or app creator, this course will give you the practical tools you need to bring animation to your projects.

You will get over 4 hours of high quality video lessons, lifetime access to all video content, cheatsheets and guides, and even online support and help from the author himself.

Learn how to:

  • Create an amazing animated hero header
  • Bring your UI to life with hover, touch and button animations
  • Wow your visitors with scroll and parallax animations
  • Build your very own animated carousel
  • Adjust animations to fit all sizes of devices and browsers
  • Optimise your CSS animations for reuse and size
  • Each with fun examples you can follow along, step by step

This is a video 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.


Get it for just $10 + tax

Enroll now for just $10 + tax (usual price $149)

Note: Local taxes apply

Who this course is for

You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You're already creating websites but you want to take your knowledge to the next level. This is the course for you. As a web person, this course will give you the practical tools you need to bring animation to your projects.

This is a video 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

  • 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

    Responsive animations

    Making our animations scale between small phones and large screens

Course Curriculum


  Module 1: Build an animated hero header
Available in days
days after you enroll
  Module 2: Make our designs feel alive with touch and hover animations
Available in days
days after you enroll
  Module 3: Grabbing attention with scroll animations
Available in days
days after you enroll

Make your web projects stand out

SORRY FOLKS! I've moved away from the Teachable platform, and hosting my course on Udemy now. You can find the course here with a discount -> Level up your CSS animation skills!

You will learn how to create amazing animations, using nothing more than HTML, CSS and a little JavaScript. Along the way you'll:

  • Create your own amazing animated hero header
  • Learn how to reuse keyframes to make the most of your animations with very little coding
  • Amaze your visitors with beautiful hover and scroll effects, including parallax
  • Animate complex scenes by creating your very own animated carousel
  • Make sure your animations look great on mobile with responsive animation

Also, you'll even get a personalised certificate of completion to show that you have finished the course and levelled-up your CSS animation skills!

Get it for just $10 + tax

Enroll now for just $10 + tax (usual price $149)

Note: Local taxes apply

This course is closed for enrollment.

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 whenever you are ready! 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.