The following are examples of 2D transformations .
2-D transformation can move, scale, skew, and rotate on a horiztonal and/or vertical axisx
Transformations CAN take place without a hover.
A hover effect was added in this exercise to demonstrate a before and after. Below are examples of each:

The following examples of 3 dimenstional CSS rotations.

This is a translate 50 pixels to the right .

This is a scale of 50%

This is a rotation.

This is a skew.