Chapter 6 CSS Transforms

Transforms allow us to create effects and interactions that are otherwise impossible. When combined with transitions and animations, we can create elements and interfaces that rotate, dance, and zoom. Three-dimensional transforms, in particular, make it possible to mimic physical objects.

Take, the humble postcard received from a friend, for example. Its front face contains a photo of the destination from which your friend sent the card (Figure 6.1). When you flip it over, you see expanded information about the photo and your friend’s journey (by the way, he wishes you were there).

Greetings from Hollywood Photo by the author.

Figure 6.1. Greetings from ...

Get CSS Master 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.