Learn to create stunning CSS animations on your websites with this practical course! Impress visitors with animated landing pages and more.
This course is all about making your websites come alive with cool CSS animations. It’s super hands-on with lots of practical examples to follow, so you won’t just learn theory but actually do the fun stuff, like creating stunning landing pages!
A practical guide to creating amazing CSS animation on the web
Bring animation to your websites and stand out from the rest. By the end of this course you'll have the skills and confidence to build impressive animated landing pages.
Through almost 4 hours of high quality video lessons, I'll guide you through building animated hover and button animations, activate animations on scroll, make use of parallax animations, responsive animations and more.
Each section includes fully working examples that you can apply to real-world projects. Learn practical skills you can apply to future work.
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
Now is the time to learn CSS animation
As browsers (including mobile) continue to get more powerful, we have more opportunities than ever to bring animation into our designs. At the same time, quality user experience is a massive differentiating factor for web and app-based businesses.
Adding the right animation to your designs will help your sites and apps shine and help your apps stand out from the rest.
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. 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.
Help and inspiration
Not only do you get a load of practical, useful starting projects in this course, you can also head over to CSSAnimation.rocks for more, and even sign up to a weekly newsletter packed full of tutorials, inspiration and tips for animating on the web.
- Donovan
Building an animated landing page
Stand out with an animated hero header
Hover, touch and button animations
7 Lectures
6 Lectures
6 Lectures
7 Lectures
4 Lectures
Donovan Hutchinson has been creating web pages and apps for clients for over 20 years. He writes and builds CSS animation tutorials on CSSAnimation.rocks, and has been published in Net Magazine, Smashing Magazine, Adobe Inspire, Modern Web and more.As well as writing for online publications, Donovan writes and publishes books on front-end development and design, with a focus on animation...
This CSS animation course has potential, but I found it somewhat dull. Perhaps making it more user-friendly would greatly enhance the learning experience.
Super, les codes sont fournis, pas de perte de temps à taper du code, il passe au résultat et montre puis le code. Vraiment c'est cool.
The best. But outdated.
waste of money , not for beginners , explanation is also not here
Learned a lot, and the presentation was engaging and well designed. The instructor also answered a question I submitted very quickly, even though the course is a couple of years old.
Nicely explained animations of the background images. I was trying to learn this from YouTube but nobody really explained it the way Donovan does it. Thanks a lot!
Just what I needed for this moment
Nice course. Like it!
I've followed CSS Rocks for about a year now. I've been doing more programming lately and thought I'd have some fun with animations
Your email address will not be published. Required fields are marked *
Dário A. R.
Perhaps I'm a little too advanced for this course. I just found the code was a little too basic and extremely simple. You are also using Jquery a lot instead of Javascript. A lot of the on-scroll issues could just be done with the IntersectionObserver which is a more modern and efficient way of doing this. This course isn't bad, it just isn't very good. You will learn something if you are a beginner, but maybe not in the best way. Maybe I'm just not a fan of his teaching style. Its an ok course just not enough, some more explanation would be nice and if the text wasn't so zoomed in. As another review also mentioned. Its just very dull.