Methods of 3D transforms with CSS3
The following are the methods used to call 3D transforms:
Values
| Description
|
|---|
matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)
| Used to transforms the element by using 16 values of the matrix
|
translate3d(x,y,z)
| Used to transforms the element by using x-axis, y-axis, and z-axis
|
translateX(x)
| Used to transforms the element by using x-axis
|
translateY(y)
| Used to transforms the element by using y-axis
|
translateZ(z)
| Used to transforms the element by using y-axis
|
scaleX(x)
| Used to scale transforms the element by using x-axis
|
scaleY(y)
| Used to scale transforms the element by using y-axis
|
scaleY(y)
| Used to transforms the element by using z-axis
|
rotateX(angle)
| Used to rotate transforms the element by using x-axis
|
rotateY(angle)
| Used to rotate transforms the element by using y-axis
|
rotateZ(angle)
| Used to rotate transforms the element by using z-axis
|
Published on 09-May-2018 10:53:12
