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 ...

Get Pro CSS3 Animation now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.