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);
}
