I want to rotate an element. Do I use the X, Y or Z rotate property?
If you’re trying to rotate the element front on, use the Z rotate property.
The Z rotate property will rotate the element clockwise or anti-clockwise. To apply it to an element, first navigate to the Style builder. Then:
- Navigate to Properties > Transform and Transition > Transform
- Within the Z rotate field
- Enter a number. This will be interpreted as degrees
- Positive numbers will rotate the element clockwise, negative numbers will rotate the element anti-clockwise.
Read more about it and try using it here: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotateZ