Pure CSS3 coverflow effect. No javascript. Working on Chrome, FF and Safari.

Appears sluggish on Firefox too.

It's not sluggish on my Core2 Duo using Chrome 13 on Ubuntu.

its actually really smooth for me.

Safari and Chrome do support hardware acceleration for 3D CSS transforms.

Runs great on a run of the mill >2 year old PC w/ Windows 7 and Chrome 12. I'm sure YMMV depending upon quite a few factors, but I was actually surprised how nice and smooth it was for me.

If you are using Chrome, go to chrome://gpu-internals/ and make sure that hardware accelerated compositing is enabled.

GPU support is still disabled on many configurations, you can enforce it by starting Chrome with '--ignore-gpu-blacklist' option.

thanks benatkin :)

The downside to that is that if you click through all of the images, pressing back in your browser won't take you to the previous page; instead you have to press back many times, cycling back through all the images, until you eventually are taken back to your previous page.

Just curious, are we calling anchors hashtags now?

Side-scrolling would be even better. That's the mechanism that I use for normal cover flow interaction, and that's what I expected this to work with.

Of course, if you don't have an input device that makes it easy to side-scroll (like a mouse with a vertical-only wheel) this doesn't make a whole lot of sense. Buttons at the side, response to right/left arrow keys, or a horizontal scroll bar would make a good backup for users without a trackpad.

Clicking on the cards would also be a welcome mechanism, but I imagine it would be used to jump to a specific card, rather than to go through one-by-one.