- CSS Animation Weekly
- Posts
- CSS Animation Weekly #300
CSS Animation Weekly #300
This is CSS Animation! In a special #300 issue, we're taking a step back and looking at some great sources of how to learn CSS animation, libraries, tips and more!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/244602d7-b603-4261-b7bd-9787207a2655/mdn-social-share.cd6c4a5a.png)
The MDN guide to using CSS animations is a great lesson in itself, and a useful page to bookmark for reference
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d8fdef2b-6cd2-4aaa-b2ce-2995f08127dc/og-css-transitions.png)
A great back-to-basics guide to transitions in CSS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2a95804a-6957-4e62-b22e-ed5a0e8cde45/CSS-Animations-Tutorial.png)
Like the title says - this guide should get you up and started with animating using CSS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d0d99eec-82f9-4494-85a8-8ed291793acd/288111.jpeg)
Looking for a guide to CSS animation libraries? Chris Coyier's awesome list should help you out!
Inspiration
I can't believe this is just HTML and CSS!
A classic use of animation that helps in relaxation
Something fishy about this HTML and CSS scroll animation 🐟
You can support this newsletter
A huge thank you to the two people who chose to buy me a coffee and support this newsletter! It means so much, I really appreciate it.
I just want to point out that I really don't want anyone to feel obliged to donate to this newsletter. It's free and I don't plan on bringing in any advertising. But if you do want to throw a few bucks my way, it'll be much appreciated as it helps pay for the little things like web hosting and email.