- CSS Animation Weekly
- Posts
- CSS Animation Weekly #293
CSS Animation Weekly #293
This week we're raising the curtains, building progress and exploring some handy ways to build animated shader effects!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e90c824c-16a1-4eeb-a048-bde28607ca93/363882.jpeg)
Learn how to create a scroll-based background colour-change effect
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b6f9e2cd-2e16-47a8-a452-d89307d82c34/LIq0Z4XYtFp7WLnZmmNO.png)
A foundational overview of how to build an adaptive and accessible loading bar with the element
This looks cool! A JavaScript library for creating interactive procedural 2D and 3D shaders
Build a responsive, horizontal navigation bar that scrolls the active tab into view
Inspiration
Lovely timing functions and use of GSAP in these turning words
A nicely built interactive volume dial that goes all the way up to 11