CSS 2D Transforms

CSS 2D Transforms

CSS transforms allow you to move, rotate, scale, and skew elements.

translate()

The translate() method moves an element from its current position.

rotate()

The rotate() method rotates an element clockwise or counter-clockwise.

scale()

The scale() method increases or decreases the size of an element.

div {
  transform: translate(50px, 100px);
  transform: rotate(20deg);
  transform: scale(2, 3);
}