2D transformations are used to re-alter the structure of elements through translation, rotation, scaling and skewing.
The following table contains commonly used values in 2D transformation
| Serial number | Value and description |
|---|---|
| 1 | ##matrix(n,n,n,n,n,n ) is used to define a matrix transformation with six values |
| translate(x,y) Used to translate elements on the x-axis and y-axis | |
| translateX(n) Used to translate elements on the x-axis | |
| translateY(n) Used to translate elements on the y-axis | |
| ##scale(x,y) | is used to change the width and height of the element |
| scaleX(n) | is used to change the width of the element |
##scaleY(n) |
is used to change The height of the element
##8 |
| ##rotate(angle) | Rotate elements based on angle9 |
Define the skew transformation along the x-axis |
##10 | ##skewY(angle)
| Define the oblique transformation along the y-axis |
The above is the detailed content of 2D Transforms in CSS3. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
