I noticed the effect seemed off when using this, so I used higher than normal values to more prominently show how, if the mouse is placed in the center of the element or window both should essentially show the perspective elements all lined up. but its not, the center point is closer to the top left corner of the window.
If you move the mouse pointer all the way to the left and right side of the window, you will notice it rotates more when the cursor is on the right hand side, that also shows that there is more distance between the center point and the right edge than on the left side, it should be even if the point was in the correct center of the window / element.
I setup a code pen to show the effect.
https://codepen.io/oconnalex/pen/xOjpNY/
I noticed the effect seemed off when using this, so I used higher than normal values to more prominently show how, if the mouse is placed in the center of the element or window both should essentially show the perspective elements all lined up. but its not, the center point is closer to the top left corner of the window.
If you move the mouse pointer all the way to the left and right side of the window, you will notice it rotates more when the cursor is on the right hand side, that also shows that there is more distance between the center point and the right edge than on the left side, it should be even if the point was in the correct center of the window / element.
I setup a code pen to show the effect.
https://codepen.io/oconnalex/pen/xOjpNY/