Methods of 3D transforms with CSS3

CSSWeb DevelopmentFront End Technology

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
raja
Published on 09-May-2018 10:53:12
Advertisements