Which of the following transform property value defines a 3D rotation along the Z-axis?

rotate-Z(angle)
rotate-Z-axis(angle)
rotateZ(angle)
all of the mentioned

The correct answer is D. All of the mentioned.

The rotate-Z(), rotate-Z-axis(), and rotateZ() transform property values all define a 3D rotation along the Z-axis.

The rotate-Z() transform property value is a shorthand for rotate-Z-axis(angle). The rotate-Z-axis() transform property value is a more explicit way of specifying a 3D rotation along the Z-axis. The rotateZ() transform property value is a CSS3 property that is equivalent to rotate-Z().

The following code snippet shows how to use the rotate-Z() transform property to rotate an element by 30 degrees around the Z-axis:

div {
transform: rotateZ(30deg);
}

The following code snippet shows how to use the rotate-Z-axis() transform property to rotate an element by 30 degrees around the Z-axis:

div {
transform: rotateZ-axis(30deg);
}

The following code snippet shows how to use the rotateZ() CSS3 property to rotate an element by 30 degrees around the Z-axis:

div {
-webkit-transform: rotateZ(30deg);
-moz-transform: rotateZ(30deg);
-o-transform: rotateZ(30deg);
transform: rotateZ(30deg);
}

Exit mobile version