CSS Transforms

 CSS Transforms

CSS transforms allow you to manipulate the position, size, and orientation of elements. Here are some commonly used transform properties:

translate(): Moves an element along the X and Y axes. For example:

.box {

  transform: translate(50px, 20px);

}

scale(): Changes the size of an element. For example:

.box {

  transform: scale(1.2);

}

rotate(): Rotates an element clockwise or counterclockwise. For example:

.box {

  transform: rotate(45deg);

}