CSS transform
CSS transform property is used to apply 3D or 2D transformation to an element.
Transformation is done by applying properties, such as move, scale, skew, rotate, etc.
Each property does different transformation to the element.
CSS transform property values are
- matrix(n,n,n,n,n,n)
- matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
- translateX(x)
- translateY(y)
- translateZ(z)
- translate(x,y)
- translate3d(x,y,z)
- scaleX(x)
- scaleY(y)
- scaleZ(z)
- scale(x,y)
- scale3d(x,y,z)
- rotate(angle)
- rotateX(angle)
- rotateY(angle)
- rotateZ(angle)
- rotate3d(x,y,z,angle)
- skewX(angle)
- skewY(angle)
- skew(x-angle,y-angle)
- perspective(n)