CSS Animation Weekly #47 - Animating SVG, Avoiding burnout and Faster page load

This week we're listening to the awesome Sarah Drasner and learning how CSS and SVG animation can mak
CSS Animation Weekly #47 - Animating SVG, Avoiding burnout and Faster page load
By CSS Animation Weekly • Issue #47
This week we’re listening to the awesome Sarah Drasner and learning how CSS and SVG animation can make our pages load even faster.
♥️
Donovan at CSSAnimation.rocks

Articles
Animating with CSS, JS and SVG, and Avoiding Burnout, with Sarah Drasner
In this episode of the Versioning Show, Tim and David are joined by Sarah Drasner, a teacher, author, consultant and staff writer at CSS-Tricks.
Faster Page Load Using Lightweight CSS and SVG Animation (Without JavaScript)
Nice article on using CSS for fast-loading animations using SVG.
Inspiration
CodePen - Father's Day
Happy Father’s Day to all the dads!
Hexagonal cycle
Best viewed in Chrome - bit of a mind-bending effect here.
Pokémon Blue/Red CSS Edition Opening
Amazing work on this CSS-only remake of the Pokémon intro. 
Animation in the real world
Cleo, an intelligent assistant for your money
Aside from being a very interesting conversation UI for your banking, this landing page makes great use of scrolling animations, parallax and even a nice carousel.
Did you enjoy this issue?
CSS Animation Weekly
CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.
Carefully curated by CSS Animation Weekly with Revue. If you were forwarded this newsletter and you like it, you can subscribe here. If you don't want these updates anymore, please unsubscribe here.