2010/06/25

CSS3 3D Transformations

Here's a nice, concise snippet to demonstrate CSS3 3D transformations, from Superted's Toy Story iAd Navigation post:


items[i].style.webkitTransform = matrix.rotate(newAngle, 0, 0).translate(0, 0, 380);


Want to create a "wheel" of images? Rotate each one by its position around the wheel, so it will face the center of the wheel. Then shove it back (along z) to the edge of the wheel.

No comments: