2D Transforms in CSS

CSS transforms allow you to translate(move), rotate, scale, and skew, change shape, size and Position of an any elements.
There are two types transformations in CSS

2D Transfrom

3D Transform

in this post we will talk about 2D transform

translate(xpx, ypx)
rotate(xdeg)
scale(x, y)
skewX(xdeg)
skewY(ydeg)
matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())

please watch this video, you will understand everything about 2D Transform..