Learn how to bring animation to your web projects
Branch: master
Clone or download
Latest commit addfe5c Dec 31, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
chapters Fixing small error Dec 26, 2018
downloads Fixing error Dec 26, 2018
images Small cover image Nov 24, 2018
sources Fixing link with discount code Dec 4, 2018
.gitignore Setting up initial files Nov 24, 2018
Makefile Setting up initial files Nov 24, 2018
README.md Translation information Dec 31, 2018
metadata.yml Setting up initial files Nov 24, 2018
style.css Setting up initial files Nov 24, 2018


CSS Animation 101

Animation using CSS can be overwhelming to learn all at once.

This book gives you a solid introduction to the topic, combining theory with practical lessons. You’ll learn how, and why to use animation on your web pages and hopefully be inspired to try it on your own projects!


Find more including free tutorials and other courses at CSSAnimation.rocks.

More CSS Animation stuff

I have a great video course on CSS Animation you should totally check out. It's a practical guide to building and animating all sorts of parts of a landing page.

I also send out a free weekly CSS Animation newsletter. Sign up and get an email of cool inspiration in your inbox each week.

Lastly, if you want to help me with the above, consider being a CSS Animation patreon. I've been running the newsletter for approaching 3 years and will continue to do so thanks to the support of people like you!


Want to create a translation? Some tips:

  • Fork this repo and rename it css-animation-101-xx where xx is your language code, such as cn or ru
  • Translate the chapters content as well as the meta information
  • Don't forget the ReadMe file also. Be sure to include a link back to this repo and the site CSSAnimation.rocks.
  • Let me know on Twitter or by email and I'll link your work from here

You can find this book in the following languages:

中文 (Chinese)

Source files


I love to get feedback, even if it's just to helpfully point out a typo! Pull requests welcomed, or else you can message me on Twitter or by email.

Technical details

This book is generated with Pandoc book template.


Creative Commons Attribution 4.0 International