Hypercards

The other day I faffed about with stacked cards on the web and came up with a somewhat interesting demo that I then wrote about for CSS-Tricks. Basically the jist is that position sticky is one of those CSS kickflips that is constantly forcing me to rethink things:

See the Pen Stacked Cards: Horizontal by Robin Rendle (@robinrendle) on CodePen.

To do something like this not so long ago would’ve required a mountain of JavaScript. Also I had one demo—which I’ve now lost—where you could scroll within these cards. It would be pretty nifty for a portfolio or if you wanted to show a collection of books on a webpage and I’m sure there’s a million other nifty things you could do with this idea.