- CSS Animation Weekly
- Posts
- CSS Animation Weekly #157
CSS Animation Weekly #157
This week we explore animation libraries, check out some awesome inspiration and even go around the world with some cool 3D globe animations too!
♥️ Donovan at CSSAnimation.rocks
Articles
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1415c12b-28dc-4985-bb84-d2033c06f8fb/Animista.png)
Make sure you're up-to-date on all the latest CSS animation libraries with this list from @css
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/fd69012a-04c7-44b2-8e0c-588f15e8e521/SmoothScrollingEffects_featured.jpg)
A nice little set of ideas for making your images more interesting with scroll effects!
Fantastic article on using CSS variables along with GSAP to animate SVG
Featured
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4ea17f59-363c-4cc4-a2e3-e5628a88db37/ca33bab558e2f4279fe0048f5efb8c5e.png)
If you've not tried it yet, here's a 90-or-so% discount on my course all about improving your CSS animation skills! Help support this newsletter and have some fun too ✨
Inspiration
Gorgeous timing, colours and stretchy SVG combined on this neat little animation from Chris Gannon
Some cool button hover effects including a 3D-style effect
Lovely rendition of the Netflix logo in HTML and CSS
Fun bit of 3D racing 🚗
Animation in the real world
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8cb1258a-c8ac-452a-8a89-2d4cd2edcd8b/social.jpg)
Crazy nice bit of animation on this globe from Stripe - try scrolling too ✨
More cool globe stuff - this time see how satellites were used to image the planet last year!