O'Reilly logo

Pro CSS3 Animation by Dudley Storey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CHAPTER 9

image

CSS3 3D Transforms, Transitions, and Animations

So far you’ve manipulated images, UI elements, and other web content in the flat planar space of the viewport. But using the scale transform doesn’t necessarily imply that an element is further away from the viewer, only that it is larger or smaller; using standard CSS fails to impart a true sense of perspective or depth.

The 3D properties of the CSS Transforms module change all that. 3D Transforms allow you to manipulate content in a projected 3D space. Those 3D-projected elements can then be animated using the transition or keyframe syntax you’ve explored in previous chapters.

3D Transforms ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required