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

Using CSS animations — developer.mozilla.org

The MDN guide to using CSS animations is a great lesson in itself, and a useful page to bookmark for reference

An interactive guide to CSS transitions — www.joshwcomeau.com

A great back-to-basics guide to transitions in CSS

CSS Animations Tutorial: Complete Guide for Beginners — themeisle.com

Like the title says - this guide should get you up and started with animating using CSS

CSS Animation Libraries — css-tricks.com

Looking for a guide to CSS animation libraries? Chris Coyier's awesome list should help you out!

Inspiration

Splitting Squares

I can't believe this is just HTML and CSS!

Box Breathing

A classic use of animation that helps in relaxation

Weird Fishes

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.