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.

0 comments: