RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
notecss

Scroll Snap + Scroll Driven Animation carousel

💡 in the mobile size it looks a lot like the iOS app switcher eh?

try it!?

Join the conversation on

105 likes
11 reposts
  • Kai Klostermann
  • Alex Russell
  • Morten
  • Ian Sudderth
  • Toby Evans
  • Richard
  • ????️ Jim Schofield ????
  • Andy Bell
  • Samuel ????
  • Iarlenzito ツ

@argyleink

Ironically, doesn’t work on iOS. :-)

Now, for extra credit… how can you detect a click on one of the edges of the cards in the back of the stack and have it scroll-snap to that card in the foreground position?

Morgan DavisMorgan Davis
✅ keyboard ✅ touch ✅ responsive ✅ animation as enhancement ????️ only #HTML #CSS try codepen.io/argyleink/fu...nerdy.dev/container-qu...
Adam ArgyleAdam Argyle
Love seeing activity here! nerdy.dev/container-qu...
Adam ArgyleAdam Argyle

Crawl the CSS Webring