CSS Animation Weekly #26 - End states, The Wave, CSS particles and more

This week we're learning about using keyframes efficiently, cutting edge crazy SVG stuff, and checkin
CSS Animation Weekly #26 - End states, The Wave, CSS particles and more
By CSS Animation Weekly • Issue #26
This week we’re learning about using keyframes efficiently, cutting edge crazy SVG stuff, and checking out loads of great CSS animated demos.
♥️
Donovan at CSSAnimation.rocks

Articles
Chris Coyier brings us some experimental SVG filter animation - best viewed in Chrome.
codepen.io  •  Share
Inspiration
This sort of demo usually makes use of JavaScript and Canvas, so it’s refreshing to see it handled with pure CSS.
codepen.io  •  Share
CSS Transforms and Animations on an SVG icon - lovely example of the benefits of animating with SVG. 
codepen.io  •  Share
Fantastic animated space person on this 404 demo 👩‍🚀
codepen.io  •  Share
Mesmerising spinner effect created with just CSS.
codepen.io  •  Share
This full screen wipe / transition might come in handy for moving between views.
codepen.io  •  Share
Tearing away the pages on this CSS animated calendar.
codepen.io  •  Share
Intriguing use of space between letters in this simple demo.
codepen.io  •  Share
Fun demo of a car flying down the highway 🚙
codepen.io  •  Share
Animation in the real world
Le Mugs
Full-screen transitions abound in this coffee shop website. 🙌 ☕️
Animate to Different End States Using One Set of CSS Keyframes
Ana Tudor explains how we can use a single set of keyframes to animate to different end states.
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.