Post

Jhey ʕ·ᴥ·　ʔ
@jhey.dev

"babe, new craft of ui jus' dropped" babe: 😴 what happens when you stay up to publish a post before Thanksgiving 💀 👉 craftofui.substack.com/p/scrolling-a-page-out-of-the-playbook

craftofui.substack.comScrolling a page out of the PlaybookCreating a scroll-driven gallery effect with CSS
Jhey ʕ·ᴥ·　ʔ@jhey.dev

Scroll gallery effect using CSS grid and scroll-driven animations ✨ - split images into layers - lay out images in stacked layers with same grid structure - animate the size of the center image - animate the layers to reveal with different timings

Jhey ʕ·ᴥ·　ʔ
@jhey.dev

Make sure you're on the right demo link 🤙 It worked fine on Firefox and Safari. But as far as iOS Safari(all browsers on iOS), might need adjustments for CSS subgrid

0 reposts1 like