CSS Animation Weekly #55 - Achieving 60 FPS, Animating icons, Angular, and more

This week we're jumping into the art of optimising animation performance, learning how to bring icons
CSS Animation Weekly #55 - Achieving 60 FPS, Animating icons, Angular, and more
By CSS Animation Weekly • Issue #55
This week we’re jumping into the art of optimising animation performance, learning how to bring icons to life, as well as bringing animation to Angular.
♥️
Donovan at CSSAnimation.rocks

Articles
Performant Web Animations and Interactions: Achieving 60 FPS
Practical tips for making web animations silky-smooth
Icons In Motion
Salih Abdul-Karim talks about Lottie, using After Effects animations in mobile apps, and the process of bringing an icon to live with animation
Angular comes with a built-in animation system that lets us create powerful animations based on the Web Animations API. Learn how to create animations within Angular
Inspiration
Bear Cub in Pure CSS
A happy bear cub, created with just CSS 🐻
Experiment #6
Gorgeous demo combining noise effects and filters.
Slow Drip
Best seen on Chrome, this uses a popular SVG gooey effect to simulate dripping water 💧
GitHub (Giants Remix)
Bodymovin’ used here to create this super slick Github logo reveal.
Animated progress bar with Just Animate 2
A simple demo of how Just Animate can be used to make a smooth loading progress bar 
Animation in the real world
Chris Biron
I love the simple use of scroll animation on this portfolio site from Chris Biron. Super slick 🙌
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.