6.4 3D Transformations

The rotateX() Method The rotateY() Method The rotateZ() Method

With the CSS transform property you can use the following 3D transformation methods:

rotateX()

rotateY()

rotateZ()

The rotateX() Method

The rotateX() method rotates an element around its X-axis at a given degree.

The rotateY() Method

The rotateY() method rotates an element around its Y-axis at a given degree.

The rotateZ() Method

The rotateZ() method rotates an element around its Z-axis at a given degree.

Previous Section

3️⃣

6.3 2D Transformations

Next Section

5️⃣

6.5 Transitions

⚖️

Copyright © 2021 Code 4 Tomorrow. All rights reserved. The code in this course is licensed under the MIT License. If you would like to use content from any of our courses, you must obtain our explicit written permission and provide credit. Please contact classes@code4tomorrow.org for inquiries.