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!
How to configure jsp virtual space
Two-way data binding principle
How to check deleted call records
Comparative analysis of iqooneo8 and iqooneo9
How to solve tomcat startup crash
How to deal with blocked file downloads in Windows 10
How to solve the problem of slow server domain name transfer
Today's Toutiao gold coin is equal to 1 yuan
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
