More about transform

Transformations are very useful for frontend developers because of basic graphic operations that you can perform using only CSS. In previous versions of CSS, it was only possible with JavaScript. In one of the previous chapters, we used transform for centering elements in the container. Let's now try to understand it more and check what else we can do with it:

The HTML file is:

<table> <tr> <td>no transform</td> <td><div class="transform_none">no transform</div></td> </tr> <tr> <td>rotate</td> <td><div class="transform_rotate">rotate</div></td> <td><div class="transform_rotatex">rotateX</div></td> <td><div class="transform_rotatey">rotateY</div></td> <td><div class="transform_rotatez">rotateZ</div></td> </tr> <tr> <td>skew</td> ...

Get Professional CSS3 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.