Welcome back, ladies and gentlemen, Sorry for the long break but am now back. Today we shall learn some basics of CSS transformation and I hope you enjoy.

1. Rotate

When you want to rotate a section , you can simply do that with rotate property.

transform: rotate(45deg)

2. Scale

If you want to change the size by scaling it up or down, you can use scale. Anything less than 1 will decrease the size, while anything more than 1 will definitely increase the size.

transform: scale(2)

3. ScaleX

To scale horizontally use

transform:scaleX(2)

4. scaleY

To scale vertically, use

transform: scaleY(2)

5. SkewY

Skews an element on Y-axis

transform:skewY(20deg)

6. SkewX

Skews an element on x-axis

transform:skewX(20deg)