3D cube rotation - how can I make the cube rotate around its center?

Design help General
1

Hey there!

I’ve created a 3D cube using 3d transforms and I’m trying to rotate the cube around its center axis.
Basically like the example in this codepen: https://codepen.io/desandro/pen/KRWjzm

In my current design this is what happens:
When I rotate the cube around the Y-axis, everything goes fine:

Screenshot 2020-11-07 at 18.39.32
Screenshot 2020-11-07 at 18.39.321580×1332 115 KB

However, on the X-axis, it appears the the cube’s anchor point is at the top.

Screenshot 2020-11-07 at 18.40.11
Screenshot 2020-11-07 at 18.40.111742×1398 113 KB

Any help or tips are highly appreciated. Thanks in advance

2

Hi @Floydvanjoost and welcome here are some recourses that may help you.

https://3dtransforms.desandro.com/cube

1 Like
3

Thanks @Stan! This is very helpful

4

HI @Floydvanjoost if you have got answer that solved your question feel free to mark any response as solution to close this treat as solved