Paul Bakaus has created a cool iTunes-like coverflow effect, that actually flows and animates in real-time, without using canvas or prerendered graphics.

This handy nifty new css feature allows you to do all kinds of 2d transformations on any element on the page, by utilizing custom CSS tags. This means you can rotate and translate DOM elements, but you can also use a generic matrix function to do whatever you want.

Paul uses jQuery UI to create a actual coverflow widget, and jQuery UI’s slider to be able to slide through. You can also navigate through the items by clicking on them or using the left/right keys on your keyboard.

Demo: Coverflow effect | CSS Transforms

Note: You will need Safari 3.1 or Webkit to see this in action as CSS Transforms is currently limited to the Webkit browser platform.

Source:→ Ajaxian

Pages: 1 2