In 3D editors use the coordinate system: 
The Web uses this system: 
In the first cases, the y axis goes up in the plus value, and to the bottom, consequently, in the minus one. The coordinate system in the browser differs by the different name of the axes, and the y axis performs the calculations in the opposite way with respect to the first example. Can you explain the difference between these coordinate systems, and how to determine which direction will be rotated using the css rotate() property? The second picture indicates where the turn will be made, but I do not understand by what patterns. I tried to read, but I didn’t really find information about this that would be easy to read.
PS: Found info about turns. I read about Quaternion , Euler Angles and the Turning Matrix , but the question is still relevant.
