Post

great examples 😍 I like z-stack too… reminds me of the Star Wars opening crawl 😅

Yep! Scroll affordances like shadows can be done with either scroll driven animations or scroll-state() container queries!

these are all fun - and an excellent collection :raised-hands: ... I do wonder about this approach in general, seems to me that is does reduce the 'fully-visible' area of effected items, no? not that this is insurmountable, if considered, but it does make me a little itchy 🤔

I'll continue to add more examples! but these 30 are pretty fun already and wanted to share it out

These are very cool! Oddly enough, even with the Scroll-driven Animations feature flag turned on in Safari on iOS, they aren’t working on my iPhone. Super slick on my desktop, though.

📌

Exactly! The wheel is my favourite!

📌

wait … so you are not showing this with a flashy fake YouTube video using AI slop but with actual working examples? What's wrong with you?

Swoop up and scale up

📌

depends on how you coded it, i mean you could make the tweener states the snap point so when you pause the rodeo is mid mctwist. but i guess yeah, snap points usually are used to prevent resting points from being misaligned with the page grid.