Webkit’s newborn CSS transforms are blistering and developers are rattling play to verify notice. The knowledge to circumvolve and bit DOM elements via CSS has gotten grouping intellection most newborn possibilities. LifeRay’s Paul Bakaus has been experimenting with the newborn feature and was healthy to create a modify iTunes-like coverflow effect that actually flows and animates in real-time, without using sheet or prerendered graphics.
This accessible nifty newborn css feature allows you to do every kinds of 2d transformations on some surroundings on the page, by utilizing bespoken CSS tags. This effectuation you crapper circumvolve and alter DOM elements, but you crapper also ingest a generic matrix duty to do some you want.
So here is where it get’s interesting. The recreation abstract most CSS Transforms is that they impact today, in Safari 3.1, and on the iPhone, not exclusive in digit of the nightly builds, so it’s doable to direct real-world users.
Paul utilised jQuery UI to create the actualised coverflow widget and jQuery UI’s person to be healthy to motion through. You crapper also manoeuver finished the items by clicking on them or using the left/right keys on your keyboard.
You module requirement Safari 3.1 or Webkit to wager this in state as CSS Transforms is currently restricted to the Webkit application platform.