- CSS Animation Weekly
- Posts
- CSS Animation Weekly #319
CSS Animation Weekly #319
This week we bring some cool Youtube tutorials, all about creating scroll animations, loading buttons and more!
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6817a1a6-9529-462d-9f7b-bc4a6f2a4817/hqdefault.jpg)
Some useful tips on using intersection observer to enable CSS animations on scroll
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3eb9f79d-f989-42d5-92a5-cb77ce39dfbc/maxresdefault.jpg)
A handy video tutorial for creating a loading spinner using CSS and a little JS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c8dd1f6e-1eb3-43d0-9c96-db4f48104787/hqdefault.jpg)
A video tutorial on creating some smoothly animated text that responds to scroll speed
And now a word from...
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0f9f9e75-77ed-497f-b833-f18386eae5f7/opengraph.da6e44c0.png)
Get involved in Hacktoberfest 2022 - help make open source better, learn how to contribute, and level up as a developer!
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/693f931b-7cce-43d4-bf2e-eb9c44462a8b/ExLyQgx-800.jpg)
A very cute loader
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/38346384-00f6-4b70-82db-7bc47fd0d7ac/dyevbjb-800.jpg)
Rain animation made using canvas
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6cc31fd7-5228-4284-ac3b-9161d5103a2c/rNvWboJ-800.jpg)
Fancy glowing keyboard with all the keys you need
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6806cf9d-1dcc-4cb6-abf0-3ba42fa7d1d4/QWrdZLG-800.jpg)
A cool way to create an infinitely-scrolling carousel using CSS