This a normal div element.

Using the matrix() method. transform: matrix(1, -0.3, 0, 1, 0, 0);

Another use of the matrix() method. transform: matrix(1, 0, 0.5, 1, 150, 0);

This div element is three times of its original height. transform: scaleY(3)

This div element is skewed 20 degrees along the Y-axis. transform: skewY(20deg);

This div element is two times of its original width. transform: scaleX(2);