2D Transforms ใช้เพื่อเปลี่ยนโครงสร้างองค์ประกอบ เช่น translate, rotate, scale, และ skew
ตารางด้านล่างแสดงค่าทั่วไปที่ใช้ใน 2D Transforms:
| ลำดับ | ค่า & คำอธิบาย |
|---|---|
| 1 | matrix(n,n,n,n,n,n) กำหนด matrix transforms ด้วย 6 ค่า |
| 2 | translate(x,y) ย้ายองค์ประกอบตามแกน X และ Y |
| 3 | translateX(n) ย้ายองค์ประกอบตามแกน X |
| 4 | translateY(n) ย้ายองค์ประกอบตามแกน Y |
| 5 | scale(x,y) เปลี่ยนความกว้างและความสูงขององค์ประกอบ |
| 6 | scaleX(n) เปลี่ยนความกว้างขององค์ประกอบ |
| 7 | scaleY(n) เปลี่ยนความสูงขององค์ประกอบ |
| 8 | rotate(angle) หมุนองค์ประกอบตามมุมที่กำหนด |
| 9 | skewX(angle) บิดองค์ประกอบตามแกน X |
| 10 | skewY(angle) บิดองค์ประกอบตามแกน Y |
