[rotationX doesn't fit like rotationY & rotationZ in my 3D cube test]

Thanks a lot Guys for Your help. I got my issue! "Solved"

 

See the Pen WrwpdL?editors=100#0 by DomRaza (@DomRaza) on CodePen

 

http://domraza.fr/cube3D.php#portfoliowrap

[rotationX doesn't fit like rotationY & rotationZ in my 3D cube test]

Ok Jonathan I fired the perspective from the parent div.

[rotationX doesn't fit like rotationY & rotationZ in my 3D cube test]

Thank You all for the time You spent on this topic.

• Jonathan, actually I tried to deal with perspective or/and transformPerspective and the best solution was to put perspective for the container and transformPerspective for each face.
  'Doesn't fit' means that the action called with rotationZ or rotationY moves the whole cube whereas the rotationX action rotates each face separately.
• PointC, thanks for Your translation
• OSUBlake, the rotationX, rotationY and rotationZ actions already animate separately each face. Please, tell me what do You mean about 'be reversed'?

To all:

Do You think that the parameters of the command at the beginning transformOrigin:'50% 50% -100px' for each face explains why it works for rotationY & rotationZ and not with rotationX?

[rotationX doesn't fit like rotationY & rotationZ in my 3D cube test]

Please, could You explain me why the rotationX params doesn't fit like rotationY & rotationZ in my 3D cube test?

See the Pen MKKXwj#0 by DomRaza (@DomRaza) on CodePen