Home > Article > Web Front-end > 2D Transforms in CSS3
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!