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