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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.