• Tutorials Logic, IN
  • +91 8092939553
  • info@tutorialslogic.com

CSS 2D Transforms

2D Transforms

2D transforms allow us to perform basic transformation such as move, rotate, scale and skew on elements in a two-dimensional (i.e x-axis and y-axis) space. There are various 2D transforms methods available, which are given below-

FunctionDescription
matrix(n,n,n,n,n,n)-
translate(x,y)-
translateX(n)-
translateY(n)-
scale(x,y)-
scaleX(n)-
scaleY(n)-
rotate(angle)-
skew(x-angle,y-angle)-
skewX(angle)-
skewY(angle)-