CSS 2D Transforms (original) (raw)
Last Updated : 11 Jul, 2025
A **transformation in CSS is used to modify an element by its shape, size and position. It transforms the elements along the X-axis and Y-axis. There are 6 main types of transformation which are listed below:
- translate()
- rotate()
- scale()
- skewX()
- skewY()
- matrix()
We will implement all these functions & will understand their concepts through the examples.
**translate() Method****:**
The translate() method is used to move the element from its actual position along the X-axis and Y-axis.
**Example: This example describes the CSS translate() method to modify the position of an element from its actual position.
HTML `
2D Transform