This week we're raising the curtains, building progress and exploring some handy ways to build animated shader effects!

❤️ Donovan at CSSAnimation.rocks

How to Make a “Raise the Curtains” Effect in CSS — css-tricks.com

Learn how to create a scroll-based background colour-change effect

Building a loading bar component — web.dev

A foundational overview of how to build an adaptive and accessible loading bar with the element

Shader Park

This looks cool! A JavaScript library for creating interactive procedural 2D and 3D shaders

Horizontal scrolling nav

Build a responsive, horizontal navigation bar that scrolls the active tab into view

Inspiration

CSS3D Turn Animation

Lovely timing functions and use of GSAP in these turning words

Turn it up to 11 🔈

A nicely built interactive volume dial that goes all the way up to 11