Post

dev log 001 - just wanted a sticky header to have a shadow that fades in after scroll. Firefox still has scroll-driven animations behind a flag. So now for the hackiest css-only solution: - sticky shadow under header - absolute white shadow over it to hide it pre-scroll Am I overcomplicating this?

22/6/25, 11:16 pm0 reposts4 likes

Adrien Baron

@abaron.net

23 June 2025

That is super clever! Love that solution! And no JS either 👌

yay pineapple

@yaypineapple.bsky.social

22 June 2025

😇: that's very clever actually 👿: reject animated web pages, return to monke 🤪: do it in Flash and then transpile it to wasm

Dalia

@dalya.dev

23 June 2025

Do it in Flash and show "Contents on this page requires a newer version of Adobe Flash Player". Though, technically, the current css solution is animation-free 😈

yay pineapple

@yaypineapple.bsky.social

23 June 2025

Btw, I'm in the midst of my own CSS nightmare so your "am I overcomplicating this?" made my eye twitch in sympathy

Dalia

@dalya.dev

23 June 2025