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